/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/wp-content/themes/lefood/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}.block,.photo,section{position:relative}iframe{border:none}h1{font-size:2em;margin:.67em 0}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects;cursor:pointer}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{border:0;font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input,textarea{overflow:visible;background:0 0}table{border-collapse:collapse}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:none}[type=checkbox],[type=radio]{box-sizing:border-box;cursor:pointer;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}ol,ul{position:relative;list-style:none;padding:0;margin:0}ol{list-style-type:decimal}label,ol li,ul li{position:relative}button,input[type=submit],select{background:0 0;cursor:pointer;padding:0}input[type=submit]:disabled{cursor:auto}p{margin:0}:focus{outline:0}:focus{-moz-outline:3px solid #fff!important}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:none}input[type=radio]:focus{-moz-outline-radius:12px!important;-moz-outline-offset:0!important}input[type=checkbox]:focus{-moz-outline-offset:-1px!important;-moz-outline:1px solid #000!important}*,:after,:before{box-sizing:border-box}.clearfix:after{content:"";display:block;clear:both}.bx-wrapper{position:relative;margin:auto}
/* Base */
html,
body {
height: 100%;
text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
}
.compensate-for-scrollbar {
margin-right: 17px !important;
}
body {
position: relative;
overflow-x: hidden;
background: white;
color: #333;
font: 13px 'Manrope', sans-serif;
}
[contentEditable=true]:empty:before {
content: attr(data-placeholder);
cursor: text;
}
.page-content ul,
.page-content ol {
margin-bottom: 20px;
}
.page-content li {
list-style-type: disc;
margin: 13px 0px 0px 25px;
font-size: 16px;
color: black;
}
/* Sidebar */
.sidebar {
width: 240px;
}
.sidebar2 {
position: relative;
padding-top: 7px;
width: 300px;
}
.sidebar2 .video,
.sidebar2 #rec_player {
border-style: none;
position: sticky;
position: -webkit-sticky;
top: 10px;
}
@media screen and (min-width: 1397px) {
body {
margin-left: calc(100vw - 100%);
margin-right: 0;
}
}
.recipes-column {
width: 100%;
max-width: 472px;
margin-right: 16px;
}
.recipes-column:last-child {
margin-right: 0px;
}
/*
@media (min-width: 1366px) and (max-width: 1383px) {
.main-content_wrapper .inner-content{
padding-left: 25px;
}
}
*/
* {
-webkit-tap-highlight-color: transparent;
}
.value-title {
margin: 0 !important;
padding: 0 !important;
width: 0 !important;
}
a.ingredient_href:hover,
span.as_link.ingredient_href:hover {
color: #F87048;
}
.recipes-btn_show-more {
display: none;
}
.main-wrapper {
display: flex;
flex-direction: column;
min-height: 100%;
}
#tag_checker_tag p {
padding-top: 5px;
}
.inner-wrapper {
position: relative;
max-width: 1240px;
width: 100%;
height: 100%;
padding: 0px;
margin: 0 auto;
}
.main-content_wrapper {
display: flex;
flex-wrap: wrap;
}
.inner-title {
padding-bottom: 24px;
}
h1,
.as_h1 {
color: black;
font-weight: 800;
font-size: 26px;
line-height: 125%;
}
h2 {
color: black;
font-weight: 800;
font-size: 18px;
line-height: 125%;
letter-spacing: -0.01em;
margin-bottom: 16px;
}
h3 {
color: black;
font-weight: 800;
font-size: 16px;
line-height: 125%;
letter-spacing: -0.01em;
}
a {
color: #333;
text-decoration: none;
}
b {
font-weight: bold;
}
p:last-child {
padding-bottom: 0;
}
p {
line-height: 155%;
padding-bottom: 16px;
}
input.field::-webkit-input-placeholder,
textarea.field::-webkit-input-placeholder {
color: #666;
}
input.field::-moz-placeholder,
textarea.field::-moz-placeholder {
color: #666;
}
input.field:-moz-placeholder,
textarea.field:-moz-placeholder {
color: #666;
}
input.field:-ms-input-placeholder,
textarea.field:-ms-input-placeholder {
color: #666;
}
.field-title,
label,
input.field,
textarea.field {
color: black;
font: 15px 'Manrope', sans-serif;
width: 100%;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px #f4f4f4 inset !important;
}
input[data-autocompleted] {
background-color: transparent !important;
}
label {
display: block;
}
input.field:hover,
textarea.field:hover {
border-color: #666;
}
.textarea.field {
display: block;
background: white;
border: 1px solid #D1D1D1;
border-radius: 25px;
font-size: 14px;
}
input.field,
textarea.field {
display: block;
background: white;
border: 1px solid #D1D1D1;
border-radius: 25px;
}
.textarea[placeholder]:empty::before {
content: attr(placeholder);
color: #666;
font-size: 15px;
}
.textarea[placeholder]:empty:focus::before {
content: "";
}
input.field {
height: 44px;
padding: 0 24px;
}
textarea.field {
height: 132px;
padding: 12px 24px;
}
.textarea.field {
min-height: 47px;
padding: 12px 24px;
padding-right: 38px;
}
svg {
display: block;
}
svg path,
svg circle,
svg ellipse {}
/* Photo and Logo */
.rphoto {
overflow: hidden;
}
/*
.logo a:hover svg path:not(.chef), .logo a:hover svg circle {
fill: black;
}
*/
.logo img,
.logo a,
.rphoto img {
display: block;
}
.logo a {
transition: all 0s;
}
.rphoto img {
object-fit: cover;
width: 100%;
height: 100%;
}
.video_container iframe {
object-fit: cover;
width: 100%;
height: 100%;
}
.recipe-video_block {
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
}
.recipe-video_block iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Buttons */
.btn-red:hover {
background: #d23405;
}
.btn-red {
display: inline-flex;
align-items: center;
justify-content: center;
background: #ef5022;
border-radius: 24px;
color: white;
font-weight: bold;
font-size: 14px;
height: 44px;
padding: 0 22px 1px;
}
.btn-white:hover {
background: #e7e7e7;
}
.btn-white {
display: inline-flex;
align-items: center;
justify-content: center;
background: white;
border-radius: 24px;
color: black;
font-weight: bold;
font-size: 14px;
height: 44px;
padding: 0 22px 1px;
border: 1px solid #D1D1D1
}
.btn-half {
display: flex;
}
.popup-half {
width: 100%;
margin: 24px 3px;
margin-bottom: 0px;
}
.btn1:hover {
background: #F56439;
}
.btn1 {
display: inline-flex;
align-items: center;
justify-content: center;
background: #F87048;
border-radius: 24px;
color: white;
font-weight: bold;
font-size: 14px;
height: 44px;
padding: 0 22px 1px;
}
.btn2:hover {
border-color: black;
}
.btn2 {
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid rgba(0, 0, 0, 0.16);
border-radius: 24px;
color: black;
font-weight: bold;
font-size: 14px;
height: 44px;
padding: 0 22px 1px;
}
.btn2 svg {
margin-right: 12px;
}
.btn3:hover {
background: black;
}
.btn3 {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
background: #333;
border-radius: 24px;
color: white;
font-weight: bold;
font-size: 14px;
height: 44px;
padding: 0 22px 1px;
}
/* Nice select */
.nice-select {
position: relative;
}
.nice-select.open .current {
box-shadow: 0 4px 24px rgb(0 0 0 / 16%);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 0;
}
.nice-select.active .current {
color: #333;
}
.nice-select .current:hover {
border-color: #666;
}
.nice-select .current {
display: flex;
align-items: center;
background: white;
border: 1px solid #D1D1D1;
border-radius: 25px;
color: #666;
cursor: pointer;
font-size: 15px;
height: 44px;
padding: 0 24px;
}
.nice-select .current:before,
.nice-select .current:after {
position: absolute;
right: 20px;
line-height: 0;
top: 7px;
}
.nice-select .current:hover:before {
opacity: 1;
visibility: visible;
}
.nice-select .current:before {
content: url('data:image/svg+xml, ');
opacity: 0;
visibility: hidden;
}
.nice-select .current:hover:after {
opacity: 0;
visibility: hidden;
}
.nice-select .current:after {
content: url('data:image/svg+xml, ');
}
.nice-select.open ul {
opacity: 1;
visibility: visible;
}
.nice-select ul::-webkit-scrollbar {
display: none;
}
.nice-select ul {
position: absolute;
top: 100%;
right: 0;
overflow: auto;
opacity: 0;
visibility: hidden;
background: white;
box-shadow: 0 4px 24px rgb(0 0 0 / 16%);
border-bottom-left-radius: 22px;
border-bottom-right-radius: 22px;
border-top: 1px solid #D1D1D1;
width: 100%;
max-height: 240px;
z-index: 10;
}
.nice-select ul li:hover {
background: #F56439;
color: white;
}
.nice-select ul li:not(:hover).selected {
color: #F56439;
}
.nice-select ul li {
position: relative;
cursor: pointer;
font-weight: 600;
font-size: 15px;
line-height: 44px;
padding: 0 24px;
}
.nice-select ul li.selected:before,
.nice-select ul li.selected:after {
position: absolute;
right: 17px;
}
.nice-select ul li.selected:hover:before {
opacity: 1;
visibility: visible;
}
.nice-select ul li.selected:before {
content: url('data:image/svg+xml, ');
opacity: 0;
visibility: hidden;
}
.nice-select ul li.selected:hover:after {
opacity: 0;
visibility: hidden;
}
.nice-select ul li.selected:after {
content: url('data:image/svg+xml, ');
}
/* Select sorting */
.select-sorting .nice-select .current:hover {
color: black;
}
.select-sorting .nice-select .current {
border: 0;
background: transparent;
box-shadow: none;
border-radius: 0;
color: #333;
font-weight: 600;
font-size: 14px;
height: auto;
padding: 0 19px 0 0;
}
.select-sorting .nice-select .current:before,
.select-sorting .nice-select .current:after {
right: 0;
}
.select-sorting .nice-select .current:before {
content: url('data:image/svg+xml, ');
}
.select-sorting .nice-select .current:after {
content: url('data:image/svg+xml, ');
}
.select-sorting .nice-select ul {
top: calc(100% + 8px);
border: 0;
border-radius: 12px;
width: 160px;
max-height: 220px;
}
.select-sorting .nice-select ul li {
font-size: 13px;
}
/* Checkbox */
.checkbox {
position: relative;
display: block;
width: 38px;
height: 38px;
}
.checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox:hover input:checked~.checkmark {
background: #F56439;
}
.checkbox input:checked~.checkmark {
background: #F87048;
border-radius: 16px;
}
.checkbox:hover .checkmark {
background-color: #eee;
}
.checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
background: #ebebeb;
border-radius: 12px;
cursor: pointer;
height: 100%;
width: 100%;
}
.checkbox:hover .checkmark svg,
.checkbox input:checked~.checkmark svg {
opacity: 1;
visibility: visible;
}
.checkbox input:checked~.checkmark svg path {
fill: white;
}
.checkbox .checkmark svg {
opacity: 0;
visibility: hidden;
}
/* Cookies message */
.compensate-for-scrollbar .cookies-message {
right: 17px;
}
.cookies-message {
position: fixed;
left: 0;
right: 0;
bottom: 0;
background: white;
border-top: 1px solid #E9E9E9;
box-shadow: 0 -8px 16px rgb(0 0 0 / 4%);
padding: 10px 0;
z-index: 5;
}
.cookies-message_wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: row;
padding: 0 !important;
}
.cookies-message .left {
font-size: 13px;
display: block;
}
.cookies-message .right {
display: block;
}
.cookies-message p {}
.cookies-message .as_link:hover {
text-decoration: none;
}
.cookies-message .as_link {
color: #666;
text-decoration: underline;
}
.cookies-message_btn {
padding-left: 24px;
padding-right: 24px;
height: 32px;
margin-left: 50px;
}
/* Empty */
.empty-block {
text-align: center;
padding-top: 24px;
}
.empty-title {
color: black;
font-weight: bold;
font-size: 18px;
line-height: 25px;
padding-top: 40px;
}
.empty-block p {
color: #666;
font-size: 16px;
line-height: 170%;
padding-top: 12px;
}
/* Header */
.header-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 16px;
padding-bottom: 14px;
}
.header-sandwich {
display: none;
}
.header-search {
width: calc(100% - 336px);
}
.header-search .search-form input {
padding-bottom: 1px;
}
.search-form:hover {
/*background: #eee;*/
}
.search-form:focus {
background: white;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}
.search-form {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background: #f4f4f4;
border-radius: 24px;
height: 44px;
padding-left: 24px;
}
.search-form_icon {
position: absolute;
}
.search-form.focus button svg ellipse,
.search-form.focus button svg path {
stroke: #333;
}
.search-form input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #727272;
}
.search-form input::-moz-placeholder,
textarea::-moz-placeholder {
color: #727272;
}
.search-form input:-moz-placeholder,
textarea:-moz-placeholder {
color: #727272;
}
.search-form input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #727272;
}
.search-form input {
color: black;
padding: 0 0 0 32px;
font-size: 14px;
width: 100%;
height: 100%;
}
.search-form_close:hover svg path {
stroke: #333;
}
.search-form.active .search-form_close {
opacity: 1;
visibility: visible;
}
.search-form_close {
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
cursor: pointer;
width: 62px;
height: 100%;
padding: 0 15px;
}
.search-form_btn:hover {
color: #F87048;
}
.search-form.active .search-form_btn {
opacity: 1;
visibility: visible;
}
.search-form_btn {
opacity: 0;
visibility: hidden;
color: black;
font-weight: bold;
font-size: 14px;
height: 100%;
padding: 0 22px 0 29px;
}
.header-block {
display: flex;
align-items: center;
margin-left: 28px;
min-width: 175px;
}
.header-block .header_ajax {
display: none;
}
.header-logo.logo {
margin-top: -2px;
margin-right: 33px;
}
.header-add {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
}
/*
.header-add a:hover {
width: 44px;
height: 44px;
}
*/
.header-add a,
.header-add .as_link {
display: inline-flex;
align-items: center;
justify-content: center;
background: #FFE5A1;
border-radius: 100%;
width: 34px;
height: 34px;
}
.header-add button:hover svg path {
stroke: black;
}
.header-btn_login {
padding: 0 30px;
margin-left: 19px;
}
.header-btn_login svg {
display: none;
}
.header-notice {
position: relative;
margin-left: 19px;
width: 43.95px;
border-radius: 30px;
}
.header-notice:hover {
background-color: #f4f4f4;
}
.header-notice.active {
background-color: #f4f4f4;
}
.list-tags_container {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
}
.notice-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 34px;
height: 44px;
margin: auto;
}
.notice-icon_amount {
position: absolute;
top: 2px;
left: 18px;
display: flex;
align-items: center;
justify-content: center;
background: #E24242;
border-radius: 16px;
color: white;
font-weight: 800;
font-size: 11px;
min-width: 17px;
height: 17px;
padding: 0 5px;
}
.notice-main {
position: absolute;
top: calc(100% + 14px);
right: 0;
display: none;
width: 375px;
height: auto;
max-height: 520px;
z-index: 10;
}
.notice-main:before {
content: '';
position: absolute;
top: -14px;
left: 0;
width: 100%;
height: 14px;
}
.notice-main_inner::-webkit-scrollbar {
width: 4px;
}
.notice-main_inner::-webkit-scrollbar-thumb {
background: #D9D9D9;
border-radius: 8px;
}
.notice-main_inner {
overflow: auto;
background: white;
box-shadow: 0 4px 24px rgb(0 0 0 / 16%);
border-radius: 12px;
width: 100%;
height: 100%;
}
.notice-main_empty {
display: none;
padding: 80px 0px;
padding-top: 60px;
}
.notice-main_top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
border-bottom: 1px solid #EEE;
}
.notice-main_title {
color: black;
font-weight: bold;
font-size: 14px;
}
a.notice-main_link:hover {
color: #333;
}
.notice-main_link {
color: #666;
font-weight: 500;
text-align: right;
}
.notice-main_list {
max-height: 520px;
}
.notice-main_list-block {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #eee;
padding: 16px;
}
.notice-main_list-author {
border-radius: 100%;
width: 40px;
height: 40px;
}
.notice-main_list-info {
width: calc(100% - 108px);
padding: 0 14px;
padding-right: 0px;
}
.notice-main_list-info p {
color: #333;
font-size: 13px;
line-height: 140%;
padding: 0;
word-break: break-word;
}
.notice_fullhref {
display: contents;
}
.notice-main_list-date {
color: rgb(0 0 0 / 50%);
font-size: 12px;
line-height: 16px;
padding-top: 6px;
}
.notice-main_list-photo_wr {
position: relative;
width: 68px;
}
.new_notice {
background-color: #f9f9f9;
}
.new_notice .notice-main_list-photo_wr:after {
content: '';
position: absolute;
top: -4px;
right: -4px;
background: #E24242;
border: 2px solid white;
border-radius: 100%;
width: 10px;
height: 10px;
}
.notice-main_list-photo {
border-radius: 8px;
width: 40px;
height: 40px;
float: right;
}
.header-profile {
position: relative;
margin-left: 24px;
}
.header-profile_avatar {
border-radius: 100%;
cursor: pointer;
width: 44px;
height: 44px;
}
.header-profile_list {
position: absolute;
top: calc(100% + 14px);
right: 0;
display: none;
width: 195px;
z-index: 10;
}
.sub-menu .parent_mob_item {
display: none;
}
.header-profile_list:after {
content: '';
position: absolute;
top: -14px;
left: 0;
width: 100%;
height: 14px;
}
.header-profile_list:before {
content: '';
position: absolute;
top: -7px;
right: 14px;
background: white;
transform: rotate(-45deg);
width: 14px;
height: 14px;
}
.header-profile_list ul {
overflow: hidden;
background: white;
border-radius: 12px;
box-shadow: 0 4px 24px rgb(0 0 0 / 16%);
width: 100%;
height: 100%;
}
.header-profile_list ul li.logout a:hover {
background: #A35A5A;
}
.header-profile_list ul li a:hover {
background: #F87048;
}
.header-profile_list ul li a {
display: flex;
align-items: center;
height: 44px;
padding: 0 16px;
}
.header-profile_list-icon {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
}
.header-profile_list ul li a:hover .header-profile_list-icon svg.normal {
opacity: 0;
visibility: hidden;
}
.header-profile_list ul li a:hover .header-profile_list-icon svg.hover {
opacity: 1;
visibility: visible;
}
.header-profile_list-icon svg.hover {
opacity: 0;
visibility: hidden;
}
.header-profile_list-icon svg {
position: absolute;
}
.header-profile_list ul li a:hover .header-profile_list-text {
color: white;
}
.header-profile_list-text {
font-weight: 600;
padding-left: 8px;
}
/* Main */
.main-content {
flex: 1 0 auto;
padding-top: 33px;
padding-bottom: 20px;
}
.inner-content {
width: calc(100% - 240px);
padding-left: 40px;
padding-top: 7px;
}
/* Main menu */
.main-menu form {
display: none;
}
.main-menu nav>ul>li:last-child {
padding-bottom: 0;
}
.main-menu nav>ul>li {
padding-bottom: 4px;
}
.main-menu nav>ul>li.active .main-menu_head,
.main-menu_head:hover {
background: #F8F8F8;
border-radius: 10px;
}
.main-menu_head {
display: flex;
align-items: center;
cursor: pointer;
padding: 11px 16px;
}
.main-menu_head:hover svg.icon path,
.main-menu nav>ul>li.active svg.icon path {
fill: #F87048;
}
.main-menu_head svg.icon path {
fill: rgb(0 0 0 / 32%);
}
.main-menu_head svg.arrow {
display: none;
}
.main-menu_head:hover span,
.main-menu nav>ul>li.active .main-menu_head span {
opacity: 1;
}
.main-menu_head span {
opacity: .75;
color: #111;
font-weight: 400;
font-size: 15px;
line-height: 20px;
padding-left: 12px;
}
.main-menu nav>ul>li.active .sub-menu {
opacity: 1;
visibility: visible;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
}
.main-menu .sub-menu {
opacity: 0;
visibility: hidden;
height: 0;
padding-left: 50px;
}
.main-menu .sub-menu li:last-child {
margin-bottom: 0;
}
.main-menu .sub-menu li {
margin-bottom: 6px;
}
.main-menu .sub-menu.hover-active li a {
color: #333;
}
.main-menu ul.sub-menu li a:hover {
color: #F87048;
}
.main-menu .sub-menu.active li a {
color: #666;
}
.main-menu .sub-menu li.active a {
color: black;
}
.main-menu .sub-menu li {
font-size: 14px;
line-height: 19px;
padding: 3px 0;
}
.main-menu_add {
display: none;
}
/* Recipes */
.recipes-top {
display: block;
align-items: flex-end;
justify-content: space-between;
}
.recipes-quantity {
color: #666;
font-weight: 500;
font-size: 14px;
padding-top: 10px;
}
.recipes-empty {
display: none;
}
.recipes-empty img {
max-width: 272px;
}
.recipes-list {
/*
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
*/
display: inline-table;
width: 100%;
}
.recipe-photo {
position: relative;
}
.recipe-thumb_author_adobe {
position: absolute;
bottom: 0;
right: 0;
background: #f4f4f4;
color: #666;
padding: 2px 10px;
opacity: 100%;
font-size: 12px;
}
.recipes-list .recipes-photo,
.recipe-photo,
.recipe-steps_photo {
background-color: #f4f4f4;
}
.recipes-block {
position: relative;
width: 100%;
margin-bottom: 16px;
max-width: 472px;
height: fit-content;
}
.recipes-block:nth-child(odd) {
margin-right: 16px;
float: left;
}
.recipes-block:nth-child(even) {
float: right;
}
.recipes-block:hover:after {
box-shadow: 0 4px 24px rgb(0, 0, 0, 0.16);
}
.recipes-block:after {
content: '';
position: absolute;
top: 0;
left: 0;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
border-radius: 16px;
width: 100%;
height: 100%;
z-index: -1;
}
.recipes-photo {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.recipes-info {
background: white;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
padding: 16px 24px;
}
.recipes-info .recipe-options {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.recipes-ititle {
font-weight: 800;
font-size: 18px;
line-height: 125%;
letter-spacing: -0.01em;
color: black;
}
.recipes-info .recipes-desc p {
padding-top: 8px;
font-size: 14px;
/*font-size: 104%;*/
}
.recipes-btn_show-more {
text-align: center;
margin-top: 16px;
}
/* Home page */
.home-info {
padding: 56px 0 0 280px;
margin-bottom: -36px;
/*font-size: 104%;*/
line-height: 155%;
}
.home-info p:last-child {
padding-bottom: 0;
}
.home-info p {
padding-bottom: 20px;
}
/* Form */
.form-block:last-child {
padding-bottom: 0;
}
.form-block {
padding-bottom: 40px;
}
.form-title {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-bottom: 24px;
}
.form-title span {
color: black;
font-weight: 800;
font-size: 26px;
line-height: 36px;
}
.form-title2 {
color: black;
font-weight: 800;
font-size: 18px;
line-height: 125%;
letter-spacing: -0.01em;
width: 100%;
padding-bottom: 16px;
}
.form-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.form-row:last-child .form-field {
padding-bottom: 0;
}
.form-field {
padding-bottom: 24px;
}
.field-col2 {
width: calc(50% - 16px);
}
.field-col3 {
width: 32%;
}
.field-col4 {
width: 11%;
}
.field-col5 {
width: 25%;
}
.field-col6 {
width: 28%;
}
.field-col7 {
width: 48%;
}
.form-field .textarea1 {
width: 66%;
}
.field-title {
display: block;
color: #696969;
font-weight: 600;
font-size: 12px;
line-height: 16px;
padding-bottom: 10px;
}
.field-photo_wr {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.field-photo_wr2 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 100%;
}
.field-photo_wr2 .btn2 {
display: none;
}
.form_div {
display: contents;
}
.form-row label.stepLabel {
display: contents;
}
label.stepLabel .step_foto_container {
display: block;
align-items: center;
align-content: center;
justify-content: center;
background: #F2F2F2;
border-radius: 16px;
cursor: pointer;
text-align: center;
width: 188px;
height: 113px;
overflow: hidden;
}
.field-photo_wr2 textarea {
width: calc(100% - 204px);
height: 113px;
margin-left: 16px;
}
.field-photo {
display: flex;
align-items: center;
justify-content: center;
background: #F2F2F2;
border-radius: 16px;
width: 100px;
height: 60px;
cursor: pointer;
}
.field-photo2 {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: center;
background: #F2F2F2;
border-radius: 16px;
cursor: pointer;
text-align: center;
width: 188px;
height: 113px;
}
.field-photo2 span {
color: #666;
font-size: 15px;
line-height: 20px;
width: 100%;
padding-top: 8px;
}
.field-photo_btn {
width: 232px;
margin-left: 16px;
}
.field-block.focus input.field,
.field-block.focus textarea.field {
color: black;
}
.field-error input.field,
.field-error textarea.field {
border-color: #C96767;
}
.field-error_text {
display: block;
color: #C96767;
font-weight: 500;
font-size: 12px;
line-height: 16px;
padding-top: 6px;
}
.form-list_inner {
padding-bottom: 16px;
}
.form-list_row:last-child {
padding-bottom: 0;
}
.form-list_row {
padding-bottom: 16px;
}
.form-list_row .field-block {
padding: 0;
}
.form-list_row:not(:first-child) .field-title {
display: none;
}
.form-list1 .form-title {
padding-bottom: 34px;
}
.form-group:last-child {
padding-bottom: 0;
}
.form-group {
padding-bottom: 32px;
}
/* Profile page */
.profile-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 32px;
}
.profile-person {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.profile-photo {
border-radius: 32px;
width: 64px;
height: 64px;
}
.profile-name {
color: black;
font-weight: 800;
font-size: 26px;
line-height: 36px;
padding-left: 16px;
}
.profile-sorting {
display: flex;
padding-bottom: 24px;
}
.profile-sorting_block:last-child {
margin-right: 0;
}
.profile-sorting_block.active {
background: black;
}
.profile-sorting_block:hover:not(.active) {
background: #eee;
}
.profile-sorting_block {
position: relative;
display: flex;
align-items: center;
border-radius: 24px;
cursor: pointer;
height: 44px;
padding: 0 16px;
margin-right: 16px;
}
.profile-sorting_block.active:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -2px;
background: black;
transform: rotate(-45deg);
width: 14px;
height: 14px;
margin: auto;
z-index: -3;
}
.profile-sorting_icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
}
.profile-sorting_block:hover .profile-sorting_icon svg.hover,
.profile-sorting_block.active .profile-sorting_icon svg.hover {
opacity: 1;
visibility: visible;
}
.profile-sorting_block:hover .profile-sorting_icon svg.normal,
.profile-sorting_block.active .profile-sorting_icon svg.normal {
opacity: 0;
visibility: hidden;
}
.profile-sorting_block:hover:not(.active).profile-sorting_recipes .profile-sorting_icon svg.hover path.type1 {
stroke: #333;
}
.profile-sorting_block:hover:not(.active).profile-sorting_recipes .profile-sorting_icon svg.hover path {
stroke: white;
}
.profile-sorting_block:hover:not(.active) .profile-sorting_icon svg.hover path {
fill: #333;
stroke: #333;
}
.profile-sorting_block.active .profile-sorting_icon svg.hover path {
fill: white;
}
.profile-sorting_icon svg.hover {
opacity: 0;
visibility: hidden;
}
.profile-sorting_icon svg {
position: absolute;
}
.profile-sorting_block.active .profile-sorting_text {
color: white;
}
.profile-sorting_text {
color: #333;
font-weight: bold;
font-size: 14px;
padding: 0 10px;
}
.profile-sorting_block.active .profile-sorting_amount {
background: rgba(255, 255, 255, 0.24);
color: white;
}
.profile-sorting_block:hover:not(.active) .profile-sorting_amount {
background: rgba(0, 0, 0, 0.08);
}
.profile-sorting_amount {
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.08);
border-radius: 16px;
font-weight: bold;
font-size: 14px;
height: 23px;
padding: 0 8px;
}
/* Recipe page */
.single-recipe .main-content {
padding-bottom: 0;
}
.page-content_recipe {
width: calc(100% - 540px);
padding-right: 40px;
}
.page-inner_content-recipe {
width: 100%;
position: relative;
background: white;
box-shadow: 0 4px 25px rgb(0 0 0 / 0.1);
border-radius: 16px;
padding-top: 30px;
padding-bottom: 6px;
margin-bottom: 30px;
}
.recipe-comments_list .recipe-comments_block:last-child {
padding-bottom: 24px;
}
.desc_bottom {
padding: 12px 24px 24px 24px;
font-size: 15px;
}
.recipe-head {
padding: 0 24px 24px;
}
.recipe-top {
display: flex;
justify-content: space-between;
padding-bottom: 14px;
}
.recipe-category {
color: #666;
font-size: 14px;
}
.recipe-category:hover {
color: #F87048;
}
.recipe-date {
padding-top: 2px;
color: #666;
font-size: 12px;
}
.recipe-feature {
display: flex;
align-items: center;
padding-top: 11px;
}
.recipe-feature_block:last-child {
padding-right: 0;
}
.recipe-feature_block {
display: flex;
align-items: center;
padding-right: 9px;
}
.recipe-feature_block:last-child:after {
display: none;
}
.recipe-feature_block:after {
content: '•';
color: rgb(0 0 0 / 25%);
font-size: 16px;
padding-left: 9px;
}
.recipe-feature span {
font-weight: 500;
font-size: 14px;
padding-left: 8px;
}
.recipe-options {
display: flex;
padding: 16px 24px 18px;
}
.recipe-options_block:last-child {
margin-right: 0;
}
.recipe-options_block {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
margin-right: 32px;
}
.recipe-options_icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
}
.recipe-options_block:hover .recipe-options_icon svg.hover,
.recipe-options_block.active .recipe-options_icon svg.hover {
opacity: 1;
visibility: visible;
}
.recipe-options_block:hover .recipe-options_icon svg.normal,
.recipe-options_block.active .recipe-options_icon svg.normal {
opacity: 0;
visibility: hidden;
}
.recipe-options_like {
min-width: 40px;
}
.recipe-options_like.active .recipe-options_icon svg path {
fill: #EC6250;
}
.recipe-options_favorites.active .recipe-options_icon svg path {
fill: #F0BE5E;
}
.recipe-options_icon svg.hover {
opacity: 0;
visibility: hidden;
}
.fancybox-active {
height: 100%;
}
.recipe-options_icon svg {
position: absolute;
}
.recipe-options_block:hover .recipe-options_text,
.recipe-options_block.active .recipe-options_text {
color: #333;
}
.recipe-options_text {
color: #666;
font-weight: 600;
padding-left: 6px;
}
.recipe-options_share.open .recipe-options_share-list {
opacity: 1;
visibility: visible;
z-index: 999;
}
.recipe-options_share-list {
position: absolute;
top: calc(100% + 11px);
opacity: 0;
visibility: hidden;
width: 220px;
z-index: 1;
}
.recipe-options_share-list:before {
content: '';
position: absolute;
top: -11px;
left: 0;
width: 100%;
height: 30px;
}
.recipe-options_share-list ul:hover {
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
}
.recipe-options_share-list ul {
overflow: hidden;
background: white;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
border-radius: 12px;
}
.recipe-options_share-list_icon {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
}
.recipe-options_share-list ul li.vk a:hover {
background: #478EE0;
}
.recipe-options_share-list ul li.fb a:hover {
background: #1877F2;
}
.recipe-options_share-list ul li.od a:hover {
background: #F49000;
}
.recipe-options_share-list ul li.tw a:hover {
background: #03A9F4;
}
.recipe-options_share-list ul li.sh a:hover {
background: #333;
}
.recipe-options_share-list ul li a {
display: flex;
align-items: center;
padding: 11px 16px;
}
.recipe-options_share-list ul li a:hover .recipe-options_share-list_icon svg path {
fill: white;
}
.recipe-options_share-list ul li a:hover .recipe-options_share-list_text {
color: white;
}
.recipe-options_share-list_text {
font-weight: 600;
padding-left: 8px;
}
.recipe-desc {
border-top: 1px solid #eee;
padding: 24px 24px 0;
}
.recipe-thumb_author {
padding: 24px;
padding-top: 0px;
}
.recipe-thumb_author p {
color: #666;
font-size: 14px;
line-height: 19px;
}
.recipe-desc p {
color: black;
font-size: 16px;
line-height: 170%;
}
h2.recipe-title {
margin-bottom: 0px;
}
.recipe-title {
color: black;
font-weight: 800;
font-size: 18px;
line-height: 125%;
letter-spacing: -0.01em;
padding-bottom: 16px;
}
.recipe-ingredients {
padding: 24px 24px 0;
padding-top: 26px;
}
.recipes-quantity {
display: inline-block;
}
.recipes-top .recipes-top_block .recipes-sorting {
float: right;
padding-top: 10px;
display: inline-block;
}
.recipes-top .recipes-top_block {
display: block;
margin-bottom: 20px;
}
.recipe-ingredients_title,
.recipe-steps_title {
font-size: 20px;
}
.recipe-ingredients_gtitle {
color: black;
font-weight: 600;
font-size: 16px;
line-height: 170%;
padding-bottom: 8px;
}
.recipe-ingredients_block:last-child {
padding-bottom: 0;
}
.recipe-ingredients_block {
padding-bottom: 16px;
}
.recipe-ingredients_list ul li:last-child {
padding-bottom: 0;
}
.recipe-ingredients_list ul li {
padding-bottom: 8px;
}
.recipe-ingredients_name {
color: #666;
font-size: 16px;
line-height: 170%;
}
.recipe-ingredients_amount {
color: black;
font-weight: 500;
font-size: 16px;
line-height: 170%;
}
.recipe-steps {
padding: 24px;
padding-top: 26px;
}
.recipe-steps_list {
list-style: none;
padding: 0;
margin: 0;
}
.recipe-steps_block:last-child {
margin-bottom: 0;
}
.recipe-steps_block {
list-style: none;
counter-increment: list;
margin-bottom: 16px;
}
.recipe-steps_desc {
display: flex;
flex-wrap: wrap;
margin-bottom: 16px;
}
.recipe-steps_desc:before {
content: counter(list);
display: flex;
align-items: center;
justify-content: center;
background: #F4F4F4;
border-radius: 100%;
color: black;
font-weight: bold;
font-size: 20px;
width: 48px;
height: 48px;
margin-right: 16px;
}
.recipe-steps_desc p {
color: black;
font-size: 16px;
line-height: 170%;
width: calc(100% - 64px);
}
.recipe-steps_photo {
border-radius: 12px;
}
.recipe-author {
display: flex;
align-items: center;
border-top: 1px solid #eee;
padding: 16px 24px;
}
.recipe-author_photo {
border-radius: 100%;
width: 48px;
height: 48px;
}
.recipe-author_info {
padding-left: 16px;
width: calc(100% - 48px);
}
.recipe-author_text {
font-size: 14px;
}
.recipe-author_name {
color: black;
font-weight: 600;
font-size: 14px;
}
.recipe-author.main-author {
display: block !important;
}
.recipe-author.main-author .recipe-author_photo {
float: left !important;
margin: 0 15px 5px 15px !important;
}
.recipe-author.main-author .recipe-author_info {
font-size: 13px !important;
}
.recipe-liked {
border-top: 1px solid #eee;
padding: 24px;
}
.recipe-liked_inner {
display: flex;
justify-content: space-between;
}
.recipe-liked_block {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: center;
border-radius: 12px;
text-align: center;
width: calc(50% - 8px);
height: 120px;
}
.recipe-liked_block.recipe-share {
display: flex;
}
.recipe-like:hover,
.recipe-share:hover {
background: rgba(248, 112, 72, 0.3);
}
.recipe-like,
.recipe-share {
background: rgba(236, 98, 80, 0.1);
}
.recipe-favorites.active {
background: rgba(240, 190, 94, 0.1);
}
.recipe-favorites:hover {
background: rgba(240, 190, 94, 0.3);
}
.recipe-favorites {
background: rgba(255, 229, 161, 0.2);
}
.recipe-liked_icon {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
}
.recipe-liked_block:hover:not(.active) .recipe-liked_icon svg.normal {
opacity: 0;
visibility: hidden;
}
.recipe-liked_block:hover:not(.active) .recipe-liked_icon svg.hover {
opacity: 1;
visibility: visible;
}
.recipe-liked_block.active .recipe-liked_icon svg {
opacity: 0;
visibility: hidden;
}
.recipe-liked_block.active .recipe-liked_icon svg.active {
opacity: 1;
visibility: visible;
}
.recipe-liked_icon svg:not(.normal) {
opacity: 0;
visibility: hidden;
}
.recipe-liked_icon svg {
position: absolute;
}
.recipe-like:hover .recipe-like_icon-amount,
.recipe-like.active .recipe-like_icon-amount {
color: white;
}
.recipe-like_icon-amount {
position: absolute;
font-weight: bold;
font-size: 12px;
padding-bottom: 1px;
}
.recipe-liked_block:hover .recipe-liked_text,
.recipe-liked_block.active .recipe-liked_text {
color: black;
}
.recipe-liked_text {
font-weight: 500;
width: 100%;
padding-top: 6px;
}
.recipe-comments {
position: relative;
border-top: 1px solid #eee;
padding: 24px 24px 0;
}
.recipe-comments_form {
margin-bottom: 24px;
}
.recipe-comments_form form {
position: relative;
}
.recipe-comments_form form.focus-textarea .textarea {
height: 132px;
}
.recipe-comments_form form .textarea {
height: auto;
min-height: 47px;
padding-top: 12px;
padding-bottom: 10px;
}
.recipe-comments_form-btn {
position: absolute;
right: 16px;
bottom: 12px;
}
.recipe-comments_account {
font-weight: bold;
font-size: 14px;
line-height: 44px;
text-align: center;
padding-bottom: 24px;
}
.recipe-comments_account a {
color: rgb(248 112 72 / 75%);
}
.recipe-comments_list {
position: relative;
}
.recipe-comments_person.children {
padding-left: 12px;
margin-left: 24px;
border-left: 2px solid #eaeaea;
margin-top: 16px;
margin-bottom: 20px;
}
.recipe-comments_reply_arrow {
color: #000;
font-size: 20px;
font-weight: normal;
margin-right: 4px;
vertical-align: -2px;
display: inline-block;
}
.recipe-comments_block:last-child .recipe-comments_person:last-child {
margin-bottom: 0;
}
.recipe-comments_person {
position: relative;
margin-bottom: 32px;
}
.recipe-comments_photo {
display: flex;
align-items: center;
justify-content: center;
background: #FFE5A1;
border-radius: 100%;
width: 40px;
height: 40px;
}
.recipe-comments_top {
position: relative;
display: flex;
}
.recipe-comments_info {
padding-left: 11px;
}
.recipe-comments_name {
color: black;
font-weight: 600;
font-size: 14px;
}
.recipe-comments_date {
color: rgb(0 0 0 / 50%);
font-size: 12px;
line-height: 16px;
}
.recipe-comments_person:hover .recipe-comments_reply {
color: rgb(0 0 0 / 75%);
}
.recipe-comments_reply {
position: absolute;
top: 0;
right: 0;
color: rgb(153 153 153 / 75%);
font-weight: 500;
font-size: 14px;
display: none;
}
.recipe-comments_list .recipe-comments_delete img.list_load {
max-width: 20px;
cursor: auto;
}
.recipe-comments_delete {
position: absolute;
top: 0;
right: 0;
color: #F87048;
font-weight: 500;
font-size: 14px;
}
.recipe-comments_desc {
padding-top: 12px;
}
.recipe-comments_desc p {
color: black;
font-size: 14px;
line-height: 170%;
padding-bottom: 0px;
min-height: 23px;
}
.recipe-comments_form-replay {
margin-top: 18px;
}
.recipe-comments_form-replay form {
position: relative;
}
.recipe-comments_form-replay form textarea:hover {
border-color: #333;
}
.recipe-comments_form-replay form textarea {
border-radius: 22px;
height: 66px;
}
.recipe-comments_btn:hover {
color: rgb(0 0 0 / 75%);
}
.recipe-comments_btn {
border-top: 1px solid #eee;
color: rgb(51 51 51 / 75%);
font-size: 14px;
line-height: 56px;
text-align: center;
width: calc(100% + 48px);
margin: 0 -24px;
}
.relative_recipes h2 {
line-height: 30px;
font-size: 24px;
padding-bottom: 10px;
}
.relative_recipes h3 {
line-height: 30px;
font-size: 24px;
}
.relative_recipes .item_img {
display: flex;
line-height: 0;
}
.relative_recipes .item_img a,
.relative_recipes .item_img picture {
width: 100%;
display: block;
line-height: 0;
}
.relative_recipes .item_img img {
width: 100%;
max-height: 250px;
object-fit: cover;
display: block;
vertical-align: bottom;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
@media (max-width: 600px) {
.relative_recipes .item_img img {
max-height: 170px;
}
}
.relative_recipes .page-inner_content-recipe {
padding-bottom: 0 !important;
overflow: hidden;
}
/* 404 page */
.page-content_404 {
text-align: center;
padding-top: 44px;
padding-bottom: 252px;
margin: auto;
}
.page-404_info {
padding-top: 47px;
}
.page-404_title {
color: black;
font-weight: 800;
font-size: 32px;
line-height: 44px;
}
.page-404_info p {
color: black;
font-size: 16px;
line-height: 170%;
padding: 16px 0;
}
.page-404_code {
color: #666;
font-size: 16px;
line-height: 170%;
padding-bottom: 24px;
}
/* Popups */
.popup {
display: none;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
border-radius: 16px;
font: 13px 'Manrope', sans-serif;
text-align: center;
width: 360px;
padding: 32px 0 0;
}
.popup-inner {
padding: 0 24px;
}
.popup-title {
padding-bottom: 24px;
}
.popup-title span {
color: black;
font-weight: 800;
font-size: 26px;
line-height: 36px;
}
.popup-title p {
padding-top: 16px;
}
.popup-fields input:last-child {
margin-bottom: 0;
}
.popup-fields input {
margin-bottom: 16px;
}
.popup-btn {
width: 100%;
margin-top: 24px;
}
.popup-info {
padding-top: 16px;
}
.popup-link_forgot {
color: #666;
font-weight: 600;
}
.popup-text {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0 24px;
}
.popup-text:before,
.popup-text:after {
content: '';
background: #eee;
height: 1px;
width: 129px;
}
.popup-agreement {
display: flex;
padding-top: 16px;
}
.popup-agreement_text {
font-weight: 600;
font-size: 12px;
text-align: left;
width: calc(100% - 38px);
padding-left: 12px;
}
.popup-agreement_text a:hover {
text-decoration: none;
}
.popup-agreement_text a {
color: #666;
text-decoration: underline;
}
.popup-social ul {
display: flex;
align-items: center;
justify-content: center;
}
.popup-social ul li:last-child {
margin-right: 0;
}
.popup-social ul li {
margin-right: 32px;
}
.popup-social ul li.vk a:hover {
background: #478EE0;
}
.popup-social ul li.go a:hover {
background: #F14336;
}
.popup-social ul li.fb a:hover {
background: #1877F2;
}
.popup-social ul li a:hover {
border: 2px solid white;
}
.popup-social ul li a {
display: flex;
align-items: center;
justify-content: center;
background: white;
border: 2px solid #EAEAEA;
border-radius: 48px;
width: 56px;
height: 56px;
}
.popup-social ul li a:hover svg path {
fill: white;
}
.popup-text_question {
display: flex;
align-items: center;
justify-content: center;
background: #F2F2F2;
height: 56px;
margin-top: 24px;
}
.popup-text_question p {
font-weight: 600;
}
.popup-text_question p a:hover {
color: #F56439;
}
.popup-text_question p a {
color: #F87048;
}
.popup-profile_title {
display: block;
color: #696969;
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-align: left;
padding-bottom: 8px;
}
.popup-profile_photo-wr {
padding-bottom: 16px;
}
.popup-profile_photo-main {
display: flex;
align-items: center;
}
.popup-profile_photo {
border-radius: 100%;
width: 64px;
height: 64px;
}
.popup-profile_photo-info {
width: calc(100% - 64px);
padding-left: 14px;
}
.popup-profile_photo-info a {
width: 100%;
}
.popup-profile_fields label:last-child {
margin-bottom: 0;
}
.popup-profile_fields label {
margin-bottom: 16px;
}
.popup-notif {
padding-top: 16px;
}
.popup-notif_block:last-child {
margin-bottom: 0;
}
.popup-notif_block {
display: flex;
margin-bottom: 12px;
}
.popup-notif_text {
font-weight: 600;
font-size: 12px;
text-align: left;
width: calc(100% - 38px);
padding-left: 12px;
}
.popup-profile_deact {
display: block;
background: #F1EBEB;
color: #CD8C8C;
font-weight: 600;
line-height: 56px;
width: 100%;
margin-top: 32px;
}
.popup-thanks {
padding-bottom: 24px;
}
.popup-thanks_title {
color: black;
font-weight: 800;
font-size: 18px;
line-height: 125%;
letter-spacing: -0.01em;
padding: 24px 0 12px;
}
.popup-thanks p {
color: black;
font-size: 16px;
line-height: 170%;
width: 99%;
padding-bottom: 24px;
margin: auto;
}
.popup-thanks_btn {
width: 100%;
}
.fancybox-close-small {
top: 16px;
right: 16px;
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
padding: 0;
}
.fancybox-close-small:hover svg {
opacity: .8;
}
.fancybox-close-small svg {
opacity: 1;
}
/* Footer */
.footer {
flex: 0 0 auto;
border-top: 1px solid #E9E9E9;
margin-top: 82px;
}
.page-template-profile-php .footer {}
.footer-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 28px;
padding-bottom: 28px;
}
.footer-copyright p {
color: #666;
font-size: 15px;
}
.footer-menu ul {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.footer-menu ul li:last-child {
margin-right: 0;
}
.footer-menu ul li {
margin-right: 24px;
}
.footer-menu ul li a:hover,
.footer-menu ul li .as_link:hover {
color: #F87048;
}
.footer-menu ul li a,
.footer-menu ul li .as_link {
font-weight: 600;
font-size: 15px;
line-height: 20px;
}
.footer-social ul {
display: flex;
align-items: center;
}
.footer-social ul li:last-child {
margin-right: 0;
}
.footer-social ul li {
margin-right: 24px;
}
.footer-social ul li.dz a:hover {
background: black;
}
.footer-social ul li.vk a:hover,
.footer-social ul li.vk .as_link:hover {
background: #478EE0;
}
.footer-social ul li.fb a:hover,
.footer-social ul li.fb .as_link:hover {
background: #1877F2;
}
.footer-social ul li.tw a:hover,
.footer-social ul li.tw .as_link:hover {
background: #03A9F4;
}
.footer-social ul li.pn a:hover,
.footer-social ul li.pn .as_link:hover {
background: #DF0022;
}
.footer-social ul li.tg a:hover,
.footer-social ul li.tg .as_link:hover {
background: #0088CC;
}
.footer-social ul li.youtube a:hover,
.footer-social ul li.youtube .as_link:hover {
background: #FF0000;
}
.footer-social ul li a,
.footer-social ul li .as_link {
display: flex;
align-items: center;
justify-content: center;
background: #F2F2F2;
border-radius: 100%;
width: 40px;
height: 40px;
}
.footer-social ul li.dz a:hover svg path.type1 {
fill: black;
}
.footer-social ul li a:hover svg path,
.footer-social ul li .as_link:hover svg path {
fill: white;
}
.recipe-liked.subscribe .footer-social {
display: none;
}
.recipe-liked.subscribe .footer-social {
text-align: center;
}
.recipe-liked.subscribe .recipe-title {
padding-bottom: 20px;
}
.recipe-liked.subscribe .footer-social ul {
display: inline-flex;
}
.recipe-liked.subscribe .footer-social ul li {
margin-right: 20vw;
}
.recipe-liked.subscribe .footer-social ul li:last-child {
margin-right: 0px;
}
.recipe-liked.subscribe .footer-social ul li.tg a {
background: #0088CC;
}
.recipe-liked.subscribe .footer-social ul li.vk a {
background: #478EE0;
}
.recipe-liked.subscribe .footer-social ul li.youtube a {
background: #FF0000;
}
.recipe-liked.subscribe .footer-social ul li a svg path {
fill: white;
}
.page-inner h1 {
line-height: 36px;
}
.page-inner h2 {
font-size: 20px;
margin: 8px 0px;
}
.page-inner h3 {
font-size: 20px;
margin: 8px 0px;
}
.page-inner a {
color: #F87048;
}
.page-content p {
color: black;
font-size: 16px;
line-height: 170%;
padding: 8px 0px;
}
.search_empty_container {
max-width: 490px;
margin: auto;
}
.inner-content .search_empty_img img {
max-width: 262px;
margin: auto;
}
.search_empty_block .btn1 {
width: auto;
}
.ajaxForm p.error {
margin-top: 10px;
padding-bottom: 0px;
color: red;
display: none;
}
.btn_load_amination {
max-height: 25px;
}
.list_load {
margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: 30px;
max-width: 75px;
display: block;
}
.recipe-comments_list .list_load {
margin-top: 5px;
max-width: 50px;
}
.hidden {
display: none !important;
}
#add_recipe img {
max-width: 100%;
width: 100%;
height: 100%;
}
.rec_foto_container {
align-items: center;
justify-content: center;
background: #F2F2F2;
border-radius: 16px;
width: 100px;
height: 60px;
overflow: hidden;
}
.remove_btn {
border: 1px solid black;
border-radius: 7px;
height: 24px;
width: 24px;
text-align: center;
color: black;
margin-top: 10px;
background: #f6f7f7;
border-color: #D1D1D1;
}
.remove_btn.disabled {
opacity: 0.7;
}
.remove_btn:not(.disabled):hover {
background: #f0f0f1;
border-color: #666;
color: #0a4b78;
}
.form-list_inner .remove_btn {
margin-top: 36px;
}
.ui-autocomplete {
background-color: yellow;
max-width: 306px;
background: white;
box-shadow: 0 4px 24px rgb(0 0 0 / 16%);
border-bottom-left-radius: 22px;
border-bottom-right-radius: 22px;
border-top: 1px solid #D1D1D1;
}
.ui-autocomplete .ui-menu-item-wrapper {
cursor: pointer;
font-weight: 600;
font-size: 15px;
line-height: 44px;
padding: 0 24px;
}
.rpr-ing-name.open {
box-shadow: 0 4px 24px rgb(0 0 0 / 16%);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 0;
}
.focus.deleteicon .rpr-ing-name {
background: #d1d1d1;
}
.ing_block .deleteicon span.close_btn {
position: absolute;
display: block;
top: 40px;
right: 15px;
width: 16px;
height: 16px;
background: url(../img/close-button-png-30230.png) no-repeat;
background-size: 100% auto;
cursor: pointer;
}
.recipe-comments_btn .btn_load_amination {
margin-top: 20px;
}
@media screen and (max-width: 600px) {
html #wpadminbar {
margin-top: -46px;
}
.recipe-liked.subscribe .footer-social {
display: block;
}
}
@media (max-width: 999px) {
body.admin-bar .main-menu {
top: auto;
}
/*
.list-tags_container {
margin-left: 20px;
}
*/
.pagination_item.num {
display: none;
}
.pagination_item.prev,
.pagination_item.next {
flex-shrink: 0;
flex-grow: 1;
text-align: center;
}
.relative_recipes h2 {
line-height: 40px;
padding-bottom: 0;
padding-left: 15px;
}
}
@media (min-width: 1260px) {
.recipes-list .recipes-photo {
min-width: 472px;
max-height: 314px;
}
}
@media (min-width: 999px) {
.recipes-list .recipes-photo {
min-width: 472px;
}
}
.small-popup {
padding: 24px 0px;
}
.small-popup .fancybox-close-small {
display: none;
}
.small-popup .popup-title {
padding-bottom: 8px;
}
.small-popup .popup-description span {
font-family: Manrope;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 155%;
}
.small-popup .popup-title span {
font-family: Manrope;
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 25px;
}
.de_mobile {
display: none;
}
.recipe-comments_ajax_btn {
margin-bottom: 24px;
color: black;
font-weight: 800;
font-size: 14px;
cursor: pointer;
}
.recipe-comments_person .recipe-comments_ajax_btn {
margin-top: 5px;
margin-bottom: -5px;
}
.recipe-comments_person .recipe-comments_ajax_btn:before {
content: "\2937";
margin-right: 3px;
font-size: 26px;
vertical-align: -3px;
}
.recipe-comments_person .recipe-comments_ajax_btn a {
margin-left: 2px;
}
.recipe-comments_list .unvisible {
opacity: 0;
background-color: yellow;
}
.recipe-comments_person {}
.recipe-comments_person.deleted .recipe-comments_desc p {
color: gray;
}
body.compensate-for-scrollbar {
overflow: auto;
}
body.compensate-for-scrollbar.page-template-profile {
overflow: hidden;
}
.compensate-for-scrollbar {
margin-right: 0px !important;
}
.recipe-tags_container {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
padding-bottom: 13px;
padding-left: 24px;
}
.recipe-tag {
margin-bottom: 8px;
margin-right: 8px;
padding: 8px 16px;
background: #F4F4F4;
border-radius: 18px;
white-space: nowrap;
cursor: pointer;
font-size: 13px;
line-height: 16px;
color: #000000;
}
.recipe-tag:hover {
background: #eeeeee;
}
.pagination_container {
margin-top: 25px;
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
}
.pagination_item {
margin-bottom: 8px;
margin-right: 8px;
padding: 8px 16px;
background: #F4F4F4;
border-radius: 18px;
white-space: nowrap;
cursor: pointer;
font-size: 13px;
line-height: 16px;
color: #000000;
}
.pagination_item:hover {
background: #eeeeee;
}
span.pagination_item,
span.pagination_item:hover {
background: #FFFFFF;
cursor: unset;
}
span.pagination_item.active,
span.pagination_item.active:hover {
background: #EEEEEE;
cursor: unset;
font-weight: 800;
}
.page-inner_content-recipe.second {
margin-top: 30px;
}
.vk .recipe-options_share-list_text::after {
content: "Вконтакте";
}
.fb .recipe-options_share-list_text::after {
content: "Facebook";
}
.od .recipe-options_share-list_text::after {
content: "Одноклассники";
}
.tw .recipe-options_share-list_text::after {
content: "Twitter";
}
.recipe-options_share_text::after {
content: "Поделиться";
}
.recipe-options_share-copy-list_text::after {
content: "Скопировать ссылку";
}
.recipe-options_favorites_text::after {
content: "Избранное";
}
.as_link {
cursor: pointer;
}
.field-full {
width: 100%;
}
.field-col5-1 {
width: 14%;
}
.le_form_notice {
display: block;
color: #666;
margin-top: 20px;
font-size: 13px;
}
.banner-install {
display: none;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 70px;
background: #f2f1f6;
padding: 10px;
}
.banner-install-bottom-logo {
width: 50px;
float: left;
}
.banner-install-bottom-info {
float: left;
padding-left: 10px;
padding-top: 4px;
}
.banner-install-bottom-info .banner-install-bottom-header {
font-size: 16px;
font-weight: bold;
color: #000;
}
.banner-install-bottom-info .banner-install-bottom-header .star {
font-size: 12px;
font-weight: normal;
color: #fb9504;
}
.banner-install-bottom-info .banner-install-bottom-text {
color: #909094;
font-size: 12px;
}
.banner-install-bottom-button {
float: right;
padding-top: 10px;
position: absolute;
right: 10px;
}
.banner-install-bottom-button button {
background: #ff5317;
color: #FFFFFF;
padding: 7px;
font-size: 13px;
border-radius: 5px;
}
.banner-install-bottom-close {
position: absolute;
font-size: 30px;
top: -25px;
right: 0;
width: 25px;
height: 25px;
background: #ffffff;
display: block;
border-radius: 5px;
line-height: 23px;
padding-left: 4px;
color: #999;
cursor: pointer;
}
@media screen and (max-width: 374px) {
.banner-install-bottom-button button {
font-size: 11px;
}
.banner-install-bottom-info {
padding-left: 5px;
padding-top: 6px;
}
.banner-install-bottom-info .banner-install-bottom-header {
font-size: 13px;
}
.banner-install-bottom-info .banner-install-bottom-text {
font-size: 10px;
}
}
/* SEARCH */
.items.google_search {
margin-top: 0;
}
.gsc-cursor-page {
font-size: 18px !important;
padding-right: 8px !important;
}
.gsc-control-cse {
font-family: 'Manrope' !important;
font-size: 16px !important;
padding: 0 !important;
}
.gsc-result-info {
font-size: 15px !important;
padding: 0 0 10px 0px !important;
}
.gcsc-more-maybe-branding-root {
display: none !important;
}
.gsc-results .gsc-cursor-box {
margin: 10px 0px !important;
}
.gsc-expansionArea {
border-bottom: 1px solid #e9e9e9 !important;
padding-bottom: 10px !important;
}
.gsc-adBlock {
display: none !important;
}
.gsc-results .gsc-expansionArea * {
all: unset !important;
font-family: 'Manrope' !important;
font-size: 16px !important;
line-height: 170% !important;
}
.gsc-results .gs-visibleUrl-short,
.gsc-results .gs-visibleUrl-long {
display: none !important;
}
.gsc-results .gsc-expansionArea b {
font-weight: 700 !important;
}
.gsc-results .gsc-expansionArea a {
cursor: pointer !important;
}
.gsc-results .gsc-webResult.gsc-result {
padding: 15px 0px !important;
display: block !important;
}
.gsc-results .gsc-expansionArea .gs-title.gsc-thumbnail-left,
.gsc-results .gsc-expansionArea .gs-watermark {
display: none !important;
}
.gsc-results .gsc-expansionArea .gs-title {
display: block !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
}
.gsc-results .gsc-expansionArea .gs-title b {
font-size: 18px !important;
font-weight: 700 !important;
}
.gsc-results .gsc-expansionArea .gsc-url-top {
display: block !important;
font-size: 15px !important;
padding: 0 0 10px 0 !important;
color: #96929C !important;
}
.gsc-results .gsc-expansionArea .gsc-table-result {
display: block !important;
}
.gsc-results .gsc-expansionArea .gsc-table-cell-thumbnail.gsc-thumbnail {
display: block !important;
float: left !important;
margin-right: 25px !important;
width: 200px !important;
}
.gsc-results .gsc-expansionArea .gsc-table-cell-thumbnail.gsc-thumbnail img {
width: 100% !important;
}
.gsc-results .gsc-expansionArea .gsc-table-cell-snippet-close {
display: block !important;
}
.gsc-results .gs-webResult div.gs-visibleUrl-breadcrumb span {
color: #666 !important;
font-weight: 400 !important;
font-size: 14px !important;
}
.page-content_map {
font-size: 16px;
line-height: 1.75rem;
}
.page-content_map .page-data,
.page-content_map .page-paginator {
padding-left: 10px;
}
.page-content_map .page-paginator {
padding-top: 20px;
}
.page-content_search {
width: calc(100% - 540px);
padding-right: 40px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
font-size: 16px !important;
}
.gcsc-find-more-on-google-root {
display: none !important;
}
.gsc-results .gsc-cursor-box {
border: 0 !important;
padding-top: 15px !important;
text-align: center !important;
}
.gsc-cursor-chevron {
margin-left: auto !important;
margin-right: auto !important;
}
@media only screen and (max-width: 600px) {
.gsc-results .gsc-expansionArea .gs-title {
font-size: 22px !important;
line-height: 1.25 !important;
}
.gsc-results .gsc-expansionArea .gs-title b {
font-size: 22px !important;
line-height: 1.25 !important;
}
.gsc-results .gsc-expansionArea .gsc-table-cell-thumbnail.gsc-thumbnail {
float: initial !important;
margin-right: 0 !important;
margin-bottom: 15px !important;
width: 100% !important;
}
}
/* ADS */
.radtds {
width: 100%;
/*
height:10px!important;
background:#CCC;
*/
}
.radtds.first {
margin-top: 20px;
}
.rectds {
padding: 0 24px;
}
.radtds .radtds_wrap {}
.radtds.tf .radtds_wrap {
padding-left: 16px;
padding-right: 16px;
}
.radtds.mt.active {
margin-top: 15px;
}
.radtds.mb.active {
margin-bottom: 15px;
}
.tadtds {
width: 100%;
height: 520px;
}
.tadtds_wrap {
overflow: hidden;
border-radius: 16px;
}
@media (max-width: 999px) {
.tadtds,
.radtds {
width: 100%;
height: auto;
max-height: 75vh;
}
.rectds {
padding: 0 16px;
}
}
@keyframes cssAnimation {
to {
opacity: 1;
}
}
.radtds .bg,
.tadtds_wrap .bg {
/*
opacity: 0;
-moz-animation: cssAnimation 5s;
-webkit-animation: cssAnimation 5s;
-o-animation: cssAnimation 5s;
animation: cssAnimation 5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
*/
width: 100%;
height: 300px;
}
.bg .popular_tag {
width: 100%;
height: 100%;
position: relative;
}
.bg .popular_tag .item_cover {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
background-size: cover;
background-position: center center;
filter: grayscale(50%) brightness(120%) opacity(75%);
-webkit-filter: grayscale(50%) brightness(120%) opacity(75%);
-moz-filter: grayscale(50%) brightness(120%) opacity(75%);
}
.bg .popular_tag .item_cover_gradient {
position: absolute;
height: 100%;
width: 100%;
opacity: 0.75;
b1ackground: linear-gradient(180deg, RGBA(0, 0, 0, 0) 50%, RGBA(0, 0, 0, 1));
background: linear-gradient(180deg, RGBA(0, 0, 0, 0) 50%, RGBA(48, 48, 48, 1));
}
.bg .popular_tag .item_name {
position: absolute;
color: #FFF;
font-size: 25px;
font-weight: 600;
margin-left: 15px;
bottom: 55px;
}
.bg .popular_tag .item_count {
position: absolute;
color: #FFF;
font-size: 15px;
font-weight: 400;
margin-left: 15px;
bottom: 25px;
}
.bg .popular_tag img {
width: 100%;
}
.tadtds_wrap .bg {
height: 520px;
}
@media (max-width: 999px) {
.tadtds_wrap .bg {
height: 300px;
}
}
/* ADAPTIVE*/
@media all and (max-width:1260px) {
.main-wrapper {
padding: 0 25px
}
.main-content {
padding-bottom: 56px
}
.recipes-column {
margin: 0
}
.recipes-block {
max-width: none
}
.recipes-block:nth-child(odd) {
margin-right: 0
}
.home-info {
padding: 48px 0 0
}
.page-content_recipe {
width: calc(100% - 240px);
padding-right: 0
}
.page-template-add_recipe .sidebar,
.sidebar2 {
display: none
}
.page-content_add-recipe {
width: 100%;
padding: 0
}
}
@media all and (max-width:999px) {
.recipes-block:nth-child(2n),
.recipes-block:nth-child(odd) {
float: left
}
.fancybox-slide--html,
.inner-wrapper,
.main-wrapper {
padding: 0
}
.cookies-message p br,
.de_desc,
.field-photo2 span,
.header-add,
.header-btn_login span,
.header-search,
.notice-icon_amount span,
.profile-sorting_text,
.recipe-options_favorites .recipe-options_text,
.recipe-options_share .recipe-options_text {
display: none
}
.recipe-tags_container {
padding-left: 16px
}
.recipe-thumb_author {
padding-left: 18px
}
.recipe-author {
padding: 16px;
}
.list-tags_container {
padding: 0 16px;
}
.de_mobile,
.form-list_row .field-block .field-title,
.header-btn_login svg,
.page-template-add_recipe .sidebar,
.small-popup .btn-half,
.sub-menu .parent_mob_item {
display: block
}
.form-fields .form-list .form-row .form-field:last-child,
.form-fields .form-row:last-child .form-field:last-child,
.form-list .form-list_row:last-child,
.form-list_row,
.popup-thanks_inner,
.profile-top.personal .profile-person,
.small-popup .popup-inner {
padding-bottom: 0
}
.small-popup .btn-white {
margin-top: 20px
}
.page-404_title,
.popup-title span,
h1 {
font-size: 24px;
line-height: 33px
}
textarea.field {
border-radius: 22px
}
.single-rpr_recipe .inner-wrapper {
padding-left: 16px;
padding-right: 16px
}
.single-rpr_recipe .inner-wrapper.header-wrapper {
padding: 12px
}
.btn1,
.btn2,
.btn3,
.field-col2,
.field-col3,
.field-col6,
.field-col7,
.form-field .textarea1,
.sidebar {
width: 100%
}
.header-wrapper {
padding: 12px;
margin-top: 4px
}
.header-sandwich {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px
}
.header-sandwich.active div {
border: 0
}
.header-sandwich.active div:before {
top: 6px;
transform: rotate(45deg)
}
.header-sandwich.active div:after {
transform: rotate(-45deg)
}
.header-sandwich div {
position: relative;
border-bottom: 2px solid #000;
width: 20px;
height: 14px
}
.header-sandwich div:after,
.header-sandwich div:before {
content: '';
position: absolute;
background: #000;
border-radius: 2px;
width: 100%;
height: 2px
}
.header-sandwich div:before {
top: 0
}
.header-sandwich div:after {
top: 6px
}
.header-logo svg {
position: absolute;
top: 1px;
left: 0;
right: 0;
bottom: 0;
width: 110px;
margin: auto
}
.notice-icon {
padding-top: 2px
}
.notice-icon_amount {
top: 7px;
left: 19px;
min-width: 9px;
height: 9px;
padding: 0
}
.recipe-desc p,
.recipe-ingredients_amount,
.recipe-ingredients_name,
.recipe-steps_desc p {
font-size: 15px
}
.header .header-btn_login {
background: 0 0;
border-radius: 0;
width: 34px;
height: 34px;
padding: 2px 0 0
}
.notice-main {
width: 290px
}
.notice-main_list-info p {
font-size: 12px
}
.header-profile {
margin-left: 18px
}
.header-notice,
.header-profile_avatar {
width: 34px;
height: 34px
}
.main-menu,
.main-menu_add {
background: #fff;
width: 100%
}
.main-menu.open {
left: 0
}
.main-menu {
position: fixed;
top: 58px;
left: -99999px;
height: calc(100% - 58px);
z-index: 11
}
.main-menu_inner {
overflow: auto;
height: 100%;
padding-bottom: 66px;
padding-top: 3px
}
.main-menu form {
display: flex;
padding: 0 16px;
margin: 0 16px
}
.main-menu .search-form:hover {
background: #fff;
box-shadow: 0 4px 16px rgb(0 0 0 / 16%);
border-radius: 24px
}
.main-menu .search-form:hover .search-form_icon svg ellipse,
.main-menu .search-form:hover .search-form_icon svg path {
stroke: black
}
.main-menu .search-form input {
text-align: center;
padding-left: 18px
}
.main-menu nav {
padding-top: 12px
}
.main-menu_head {
padding-left: 32px;
padding-right: 32px
}
.main-menu nav>ul>li:not(.active) .main-menu_head svg.arrow {
opacity: .25
}
.main-menu_head svg.arrow {
position: absolute;
right: 26px;
display: block
}
.main-menu .sub-menu {
padding-left: 66px
}
.category .main-content,
.cookies-message p,
.home .main-content,
.page-template-default .main-content,
.page-template-profile .main-content,
.search-results .main-content,
.search-no-results .main-content,
.tax-rpr_ingredient .main-content,
.tax-rpr_tag .main-content {
padding-left: 10px;
padding-right: 10px
}
.main-menu_add {
position: absolute;
left: 0;
bottom: 0;
align-items: center;
justify-content: center;
border-top: 1px solid #eee;
height: 66px;
display: none
}
.main-menu_add-icon {
display: inline-flex;
align-items: center;
justify-content: center;
background: #ffe5a1;
border-radius: 100%;
width: 34px;
height: 34px
}
.main-menu_add-text {
color: #000;
font-weight: 700;
font-size: 14px;
padding-left: 12px
}
.main-content {
padding-top: 14px;
padding-bottom: 32px
}
.inner-content {
width: 100%;
padding: 0
}
.inner-content.page-content_404 {
padding: 0 12px
}
.footer-menu ul li:last-child,
.recipes-column:last-child .recipes-block:last-child {
margin-bottom: 0
}
.recipes-list .recipes-block {
width: 100%;
margin-bottom: 12px
}
.recipes-list {
min-width: 100%
}
.recipes-info {
padding: 14px 16px 12px
}
.recipe-ingredients_title,
.recipe-steps_title,
.recipes-ititle {
font-size: 18px
}
.page-404_info p,
.recipes-info p {
padding-top: 8px
}
.single-recipe-title {
line-height: 30px
}
.recipe-desc p {
line-height: 165%
}
.recipes-info .recipe-options {
justify-content: flex-start;
padding-top: 12px
}
.recipes-btn_show-more {
margin-top: 24px
}
.home-info {
padding-top: 40px;
margin-bottom: -60px
}
.recipe-head {
padding: 0 16px 16px
}
.page-content_recipe,
.recipe-comments_btn {
width: calc(100% + 32px);
margin: 0 -16px
}
.page-inner_content-recipe {
margin-bottom: 16px;
}
.page-inner_content-recipe:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: none;
padding-top: 0
}
.page-inner_content-recipe:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
box-shadow: 0 8px 32px rgb(0 0 0 / 10%);
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
width: 100%;
height: 56px;
z-index: -1
}
.form-title button,
.page-inner_content-recipe.second {
margin-top: 16px
}
.recipe-options {
justify-content: space-between;
padding-top: 16px
}
.recipe-options_share-list {
left: -110px
}
.recipe-comments,
.recipe-desc {
padding: 16px 16px 0
}
.recipe-ingredients {
padding: 25px 16px 0
}
.recipe-steps {
padding: 25px 16px 16px
}
.notice-icon {
height: 34px
}
.notice-icon svg {
width: 20px;
height: 20px
}
.header-block {
min-width: 0
}
header .header-block .header-profile {
margin-left: 10px
}
.recipe-steps_desc:before {
width: 40px;
height: 40px;
margin: 0
}
.recipe-steps_desc p {
width: 100%;
padding-top: 8px;
line-height: 165%
}
.recipe-liked {
padding: 16px
}
.recipe-liked_block {
height: 104px
}
.recipe-comments_reply {
position: relative;
display: inline-block;
padding-top: 6px
}
.page-404_info,
.page-profile .main-content {
padding-top: 20px
}
.profile-person {
text-align: center;
justify-content: center;
width: 100%;
padding-bottom: 24px
}
.profile-sorting,
.profile-top,
.recipes-top {
margin-left: 8px;
margin-right: 8px
}
.recipes-top_block h1 {
line-height: 30px;
max-width: 88%
}
.recipes-quantity,
.select-sorting .nice-select .current,
.select-sorting .nice-select ul li {
font-size: 13px
}
.form-title span,
.profile-name {
font-size: 24px;
line-height: 33px
}
.recipes-info .recipes-desc {
display: inline-block;
text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none
}
.recipes-info .recipes-desc p {
font-size: 14px
}
.profile-name {
width: 100%;
padding: 12px 0 0
}
.form-block,
.form-group,
.form-list .form-title {
padding-bottom: 32px
}
.profile-sorting_amount {
margin-left: 6px
}
.form-group:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0
}
.form-group {
border-bottom: 1px solid #eee;
margin-bottom: 32px
}
.form-title span {
display: block
}
.field-col4 {
width: 28%
}
.field-col5 {
width: 68%
}
.field-photo_btn,
.field-photo_wr2 .btn2 {
width: calc(100% - 116px)
}
.form-fields .form-row .form-field,
.form-list_inner {
padding-bottom: 24px
}
.form-list .form-list_row {
padding-bottom: 49px
}
.form-fields .form-list .form-row .form-field {
padding-bottom: 16px
}
.field-photo2,
label.stepLabel .step_foto_container {
width: 100px;
height: 60px
}
.field-photo_wr2 .btn2 {
display: block;
margin-left: 16px;
text-align: center;
padding: 10px
}
.field-photo_wr2 textarea {
width: 100%;
margin: 16px 0 0
}
.page-404_photo img {
max-width: 574px;
width: 100%
}
.popup-inner {
overflow: auto;
padding-bottom: 80px
}
.popup-thanks {
border-radius: 16px;
max-width: 328px;
width: 100%;
height: auto
}
.fancybox-slide--html .fancybox-content,
.fancybox-slide:before {
margin: 0
}
.cookies-message {
padding: 5px 10px 5px 10px
}
.cookies-message_wrapper {
justify-content: space-between;
}
.cookies-message .left {
font-size: 12px;
display: inline-block;
width: calc(100% - 90px);
float: left;
}
.cookies-message .right {
display: inline-block;
width: 80px;
float: right;
}
.cookies-message_btn {
height: 30px;
padding: 0px 15px;
font-size: 13px;
margin: 0;
}
.footer-wrapper {
justify-content: center;
text-align: center;
padding-top: 32px;
padding-bottom: 32px
}
.footer-copyright {
order: 3;
width: 100%;
padding-top: 24px
}
.footer-menu {
order: 2;
width: 100%;
padding-top: 24px
}
.footer-menu ul li {
width: 100%;
margin: 0 0 24px
}
.footer-social {
order: 1
}
.inner-content .search_empty_img img {
max-width: 220px
}
.search_empty_block {
margin-top: 25px
}
}
@media all and (max-width:359px) {
.popup {
border-radius: 0;
height: 100%
}
.popup-profile_deact,
.popup-text_question {
position: fixed;
left: 0;
right: 0;
bottom: 0;
max-width: 360px;
width: 100%;
margin: auto
}
}
/* Recipe rating - Native Heart Opacity */
.recipe-options_like {
position: relative;
cursor: pointer;
}
/* When recipe has rating > 3 (rating_opacity > 0) or active state, show the red heart with rating opacity */
.recipe-options_like.active .recipe-options_icon svg.hover,
.recipe-options_like[style*="--rating-opacity"]:not([style*="--rating-opacity: 0;"]):not([style*="--rating-opacity:0;"]):not([style*="--rating-opacity: 0.0;"]):not([style*="--rating-opacity:0.0;"]) .recipe-options_icon svg.hover {
opacity: var(--rating-opacity, 0) !important;
visibility: visible !important;
transition: opacity 0.3s ease;
}
.recipe-options_like.active .recipe-options_icon svg.normal,
.recipe-options_like[style*="--rating-opacity"]:not([style*="--rating-opacity: 0;"]):not([style*="--rating-opacity:0;"]):not([style*="--rating-opacity: 0.0;"]):not([style*="--rating-opacity:0.0;"]) .recipe-options_icon svg.normal {
opacity: 0 !important;
visibility: hidden !important;
}
.recipe-options_like.active .recipe-options_icon svg.hover path,
.recipe-options_like[style*="--rating-opacity"] .recipe-options_icon svg.hover path {
fill: #EC6250 !important;
}
/* Heart Rating Modal Styling */
.popup-rating-stars {
user-select: none;
direction: ltr;
}
.popup-rating-stars .star-btn {
transition: color 0.2s ease, transform 0.15s ease;
display: inline-block;
color: #e0e0e0;
}
.popup-rating-stars .star-btn:hover,
.popup-rating-stars .star-btn.hovered,
.popup-rating-stars .star-btn.selected {
color: #EC6250 !important;
transform: scale(1.2);
}