.transition {
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}    .placeholder-lora ::-webkit-input-placeholder {
font-family: 'Lora', serif;
}
.placeholder-lora :-moz-placeholder { font-family: 'Lora', serif;
}
.placeholder-lora ::-moz-placeholder { font-family: 'Lora', serif;
}
.placeholder-lora :-ms-input-placeholder {
font-family: 'Lora', serif;
}
.placeholder-lora-italic ::-webkit-input-placeholder {
font-family: 'Lora', serif;
font-style: italic;
}
.placeholder-lora-italic :-moz-placeholder { font-family: 'Lora', serif;
font-style: italic;
}
.placeholder-lora-italic ::-moz-placeholder { font-family: 'Lora', serif;
font-style: italic;
}
.placeholder-lora-italic :-ms-input-placeholder {
font-family: 'Lora', serif;
font-style: italic;
}
.placeholder-lato-bold ::-webkit-input-placeholder {
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
.placeholder-lato-bold :-moz-placeholder { font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
.placeholder-lato-bold ::-moz-placeholder { font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
.placeholder-lato-bold :-ms-input-placeholder {
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
.slick-slide,
.slick-current {
outline: none;
}  .bottom-line,
.bottom-line-large {
position: relative;
}
.bottom-line:after,
.bottom-line-large:after {
content: "";
height: 3px;
background: #6ebe3b;
position: absolute;
left: 0;
bottom: -10px;
}
.bottom-line:after {
width: 30px;
}
.bottom-line-large:after {
width: 50px;
}  .font-lora {
font-family: 'Lora', serif;
}
.font-lora-italic {
font-family: 'Lora', serif;
font-style: italic;
}
.lora-bold-italic {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
}
.lora-normal-italic {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}  .font-lato {
font-family: 'Lato', sans-serif;
}
.lato-bold {
font-family: 'Lato', sans-serif;
font-weight: 700;
}
.lato-regular {
font-family: 'Lato', sans-serif;
font-weight: 400;
}
.lato-black {
font-family: 'Lato', sans-serif;
font-weight: 900;
}  .font-awesome {
font-family: FontAwesome;
display: inline-block;
}
.font-awesome-positioned {
font-family: FontAwesome;
display: inline-block;
position: absolute;
left: 0;
}  .font-karla {
font-family: 'Karla', sans-serif;
}  .mont-regular {
font-family: 'Montserrat', sans-serif;
}  .transition-200ms {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.transition-300ms {
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.transition-400ms {
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.transition-500ms {
-webkit-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}  .padding-right-off {
padding-right: 0;
}
.padding-left-off {
padding-left: 0;
}  html {
overflow-x: hidden;
}
body {
overflow-x: hidden;
background: #f8f6f5;
}
body.page-template-home {
background: #ffffff;
}
h1,
h2,
h3,
h4,
h5 {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
color: #000000;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
display: inline-block;
}
nav ul {
display: inline-block;
}
nav li {
display: inline-block;
}
nav a {
display: inline-block;
}
a {
outline: none !important;
text-decoration: none;
color: inherit;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
a:hover {
text-decoration: none;
}
a:focus {
text-decoration: none;
color: inherit;
}
.inner-page a:hover {
color: #6ebe3b;
}
.post-editor-contents a {
color: #6ebe3b;
}
.post-editor-contents a:hover {
color: #333333;
}
img {
max-width: 100%;
height: auto;
}
button {
outline: none;
}
p {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.8;
}
q {
font-style: italic;
}
ul,
ol {
list-style: disc;
padding-left: 15px;
margin-bottom: 15px;
}
ul li,
ol li {
line-height: 26px;
}
ol {
list-style-type: decimal;
}
blockquote p {
font-family: 'Karla', sans-serif;
font-style: italic;
line-height: 30px;
font-size: 18px;
quotes: '"' '"' "!" "!";
}
table {
margin: 0 0 40px;
width: 100%;
}
table th {
padding: 6px 12px;
color: #ffffff;
background-color: #6ebe3b;
}
table tr {
background: #f6f6f6;
}
table tr:nth-of-type(odd) {
background: #e9e9e9;
}
table tr.header {
font-weight: 900;
color: #ffffff;
background: #ea6153;
}
table tr.green {
background: #27ae60;
}
table tr.blue {
background: #2980b9;
}
table td {
padding: 6px 12px;
}
dl {
margin: 0 0 30px;
padding: 0;
border-bottom: 1px solid #6ebe3b;
}
dt {
font-size: 1.5em;
font-weight: bold;
margin: 0;
padding: 1em 0.25em 0.25em 0.25em;
}
dd {
margin: 0;
padding: 0.5em 0 0.5em 1em;
background: #e9e9e9;
}
.sb-line {
position: relative;
}
.sb-line:after {
width: 30px;
height: 3px;
content: "";
display: inline-block;
position: absolute;
left: 0;
bottom: -25px;
}
.lined {
position: relative;
overflow: hidden;
}
.lined:after {
content: "";
display: inline-block;
width: 100%;
height: 1px;
position: absolute;
background: #e7e3e1;
margin-left: 20px;
margin-top: 15px;
}  .common-mb {
margin-bottom: 30px;
}  .preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
z-index: 9999999;
height: 100%;
}
.loadr {
position: absolute;
top: 50%;
left: 50%;
width: 32px;
margin: -16px 0 0 -16px;
}
.loadr svg {
position: relative;
z-index: 10;
height: 32px;
-webkit-animation: bounce-ldr 1s cubic-bezier(0.51, 0.23, 0.02, 0.96) infinite;
animation: bounce-ldr 1s cubic-bezier(0.51, 0.23, 0.02, 0.96) infinite;
fill: #6c6;
}
.loadr:after {
position: absolute;
bottom: 1px;
left: 4px;
display: block;
width: 22px;
height: 4px;
background: rgba(0, 0, 0, 0.1);
border-radius: 100%;
-webkit-animation: shadow 1s infinite;
animation: shadow 1s infinite;
content: '';
}
@-webkit-keyframes bounce-ldr {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(0.85, 1.1) translateY(-15px);
transform: scale(0.85, 1.1) translateY(-15px);
}
}
@keyframes bounce-ldr {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(0.85, 1.1) translateY(-15px);
transform: scale(0.85, 1.1) translateY(-15px);
}
}
@-webkit-keyframes shadow {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(0.7, 1);
transform: scale(0.7, 1);
background: rgba(0, 0, 0, 0.05);
}
}
@keyframes shadow {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(0.7, 1);
transform: scale(0.7, 1);
background: rgba(0, 0, 0, 0.05);
}
}
.fade-load-left,
.fadeInRight,
.fadeInUp,
.fade-load-down {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animation-delay100ms {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.animation-delay200ms {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.animation-delay300ms {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.animation-delay400ms {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.animation-delay500ms {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.animation-delay600ms {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.animation-delay700ms {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.animation-delay800ms {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.disable-wow {
-webkit-animation-duration: 0s !important;
animation-duration: 0s !important;
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important;
}
.error-404 .title-404 {
font-size: 250px;
color: black;
text-align: center;
margin: 30px auto;
font-style: normal;
}
.error-404 .title-404 span:last-child {
display: inline-block;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-filter: FlipH;
filter: FlipH;
-ms-filter: "FlipH";
}
.error-404 .title-404 .zero {
font-size: 34px;
vertical-align: middle;
display: inline-block;
margin-left: 0;
}
.error-404 p {
font-size: 18px;
line-height: 24px;
text-align: center;
}
.error-404 .home-url {
font-size: 20px;
margin: 25px 0 30px;
}
.no-home-section {
margin-top: 25px;
margin-bottom: 25px;
}
.search-form ::-webkit-input-placeholder {
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
.search-form :-moz-placeholder { font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
.search-form ::-moz-placeholder { font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
.search-form :-ms-input-placeholder {
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
label {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 14px;
color: #514b49;
margin-bottom: 10px;
position: relative;
}
input,
textarea {
border: 1px solid #e4d9d1;
outline: none;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
}
input:focus,
textarea:focus {
border-color: #c1452b;
}
input {
height: 40px;
}
select {
border: 1px solid #e4d9d1;
outline: none;
padding: 5px 15px;
font-size: 16px;
background-color: #ffffff;
max-width: 100%;
}
.required::-webkit-input-placeholder:after {
content: "*";
color: #e60000;
}
.required::-moz-placeholder:after {
content: "*";
color: #e60000;
}
.required:-ms-input-placeholder:after {
content: "*";
color: #e60000;
}
.requiredinput:-moz-placeholder:after {
content: "*";
color: #e60000;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="tel"],
input[type="time"],
input[type="number"] {
height: 40px;
}
input[type="file"] {
border: none;
font-size: 14px;
line-height: 14px;
margin: 5px 0;
}
textarea {
padding-top: 15px;
padding-bottom: 15px;
height: 90px;
resize: none;
}
input[type="submit"] {
width: auto;
background: #6ebe3b;
color: #ffffff;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
outline: none;
border: none;
padding: 9px 38px;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
input[type="submit"]:hover {
background: #000000;
}
.error {
border-color: #c1452b;
}
input[type=submit][disabled=disabled],
button[disabled=disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.wpcf7-checkbox span,
.wpcf7-radio span {
margin-right: 15px;
}
.wpcf7-checkbox span input[type="radio"],
.wpcf7-radio span input[type="radio"],
.wpcf7-checkbox span input[type="checkbox"],
.wpcf7-radio span input[type="checkbox"] {
margin-right: 5px;
}
.wpcf7-form p {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 14px;
color: #514b49;
margin-bottom: 25px;
position: relative;
}
.wpcf7-quiz {
display: block;
}
.wpcf7-recaptcha {
margin-bottom: 25px;
}
div.wpcf7-validation-errors {
border: none;
margin: 25px 0;
padding: 0;
color: red;
font-weight: bold;
}
.qe-testimonial-name {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
font-size: 22px;
margin-top: 0;
position: relative;
margin-bottom: 10px;
text-transform: capitalize;
}
.qe-testimonial-byline {
word-spacing: 2px;
margin-bottom: 15px;
}  .hovered-theme-button {
height: 40px;
text-align: center;
padding-left: 18px;
padding-right: 18px;
background: #6ebe3b;
color: #ffffff;
font-family: 'Lora', serif;
font-style: italic;
font-size: 16px;
}
.button-default {
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
font-family: 'Lora', serif;
font-style: italic;
font-size: 16px;
min-width: 193px;
vertical-align: middle;
margin-right: 5px;
margin-bottom: 10px;
}
.theme-filled {
background: #6ebe3b;
color: #ffffff;
}
.theme-filled:hover {
background: #000000;
color: #ffffff;
}
.video-button:before {
font-family: FontAwesome;
content: "\f16a";
font-style: normal;
margin-right: 10px;
}
.hollow-button {
border: 1px solid #000000;
}
.hollow-button:hover {
background: #000000;
color: #ffffff;
}
.read-more-bordered {
display: inline-block;
height: 30px;
line-height: 28px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
padding: 0 15px;
text-transform: capitalize;
border: 1px solid #000000;
}
.read-more-bordered:hover {
background: #000000;
color: #ffffff;
}
.button-dark {
background: #000000;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
font-size: 16px;
color: #ffffff;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 36px;
}
.button-dark:hover {
background: #c1452b;
color: #ffffff;
}
.read-more-angle {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 15px;
}
.read-more-angle i {
margin-left: 6px;
}
.read-more-angle:hover {
color: #c1452b;
}  .header {
position: relative;
z-index: 99999;
}
.header-main {
padding-top: 20px;
}
.logo-wrapper {
margin-top: -5px;
margin-bottom: 10px;
}
.logo-wrapper a {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.logo-wrapper a:hover {
opacity: 0.8;
}
.outer-nav {
text-align: right;
}
.outer-nav span,
.outer-nav ul,
.outer-nav li,
.outer-nav a {
display: inline-block;
}
.wrapper-links {
margin-bottom: 30px;
}
.header-social-icons {
display: block;
padding: 5px 0 0;
margin: 0;
float: right;
}
.header-social-icons li {
display: inline-block;
margin-right: 15px;
vertical-align: middle;
}
.header-social-icons li a {
color: #28211f;
font-size: 18px;
}
.header-social-icons li a:hover {
color: #6ebe3b;
}
.nav-collapse > ul {
margin-bottom: 0;
}
.nav-collapse > ul > li a {
padding-bottom: 20px;
padding-top: 20px;
}
.nav-collapse ul {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
}
.nav-collapse ul li {
margin-left: 27px;
position: relative;
}
.nav-collapse ul li a {
color: #000000;
}
.nav-collapse ul li:hover > a {
color: #6ebe3b;
}
.nav-collapse ul li ul {
top: 100%;
display: none;
opacity: 1;
visibility: visible;
position: absolute;
min-width: 255px;
background: #6ebe3b;
z-index: 999;
left: 0;
text-align: left;
padding: 20px 35px;
}
.nav-collapse ul li ul li {
margin-left: 0;
display: block;
border-bottom: 1px solid #57a129;
position: relative;
}
.nav-collapse ul li ul li a {
padding-top: 12px;
padding-bottom: 12px;
display: block; }
.nav-collapse ul li ul li:hover > a {
color: #ffffff;
}
.nav-collapse ul li ul li:hover ul {
top: -20px;
}
.nav-collapse ul li ul li:last-child {
border-bottom: transparent;
}
.nav-collapse ul li ul li ul {
top: -20px;
left: 100%;
}
.nav-collapse ul li ul li ul:before {
display: none;
}
.nav-collapse ul li ul:before {
position: absolute;
display: inline-block;
content: "";
border: 5px solid #6ebe3b;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
top: -10px;
left: 10px;
}
@media (min-width: 991px) {
.nav-collapse ul .submit-recipe {
padding-top: 0;
padding-bottom: 0;
color: #ffffff;
}
.nav-collapse ul .submit-recipe:hover {
background: #000000;
color: #ffffff;
}
}
@media (min-width: 991px) {
nav .submit-recipe {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
color: #ffffff;
background: #6ebe3b;
height: 40px;
line-height: 40px;
text-transform: capitalize;
font-size: 16px;
padding: 0 19px;
display: inline-block;
}
nav .submit-recipe a {
color: inherit;
}
}
a.mean-expand {
height: 23px !important;
}  .nav-collapse li {
width: auto;
}  .header-var1 {
padding-top: 20px;
padding-bottom: 20px;
}
.header-var1 .responsive-menu {
display: none !important;
}
.header-var1 .logo-wrapper {
text-align: center;
}
.header-var1 .logo-wrapper img {
max-width: 100%;
}
.header-var1 nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-var1 nav > ul > li {
margin-left: 0;
}
.header-var1 nav > ul > li > a {
padding: 12px 0;
border-bottom: 2px inset transparent;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.header-var1 nav > ul > li > a:hover {
color: #6ebe3b;
}
.header-var1 nav > ul > li.current-menu-item {
color: #000000;
font-weight: 700;
border-color: #000000;
}
.header-var1 .nav-collapse ul li ul {
top: 96%;
}
.header-var1 .left-nav nav {
margin-top: 50px;
}
.header-var1 .right-nav .wrapper-links {
margin-bottom: 16px;
}
.header-var1 .right-nav .submit-recipe {
background: transparent !important;
line-height: inherit;
}
.header-var1 .right-nav .submit-recipe a {
color: #000000;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
background: transparent !important;
line-height: inherit;
padding: 12px 0;
height: auto;
position: relative;
border-color: #6ebe3b;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.header-var1 .right-nav .submit-recipe:hover {
background: transparent;
}
.header-var1 .right-nav .submit-recipe:hover a {
color: #6ebe3b;
}  .header-main .nav-collapse ul .submit-recipe {
background: transparent;
padding: 0;
}
.header-main .nav-collapse ul .submit-recipe a {
font-family: 'Lora', serif;
font-style: italic;
color: #ffffff;
background: #6ebe3b;
height: 40px;
line-height: 40px;
text-transform: capitalize;
font-size: 16px;
padding: 0 15px;
display: inline-block;
}
.header-main .nav-collapse ul .submit-recipe a:hover {
background: #000000;
}
.header-main .nav-collapse ul li.current-menu-item {
color: #000000;
font-weight: 700;
}
.header-main.header-var2 .submit-recipe {
color: #000000 !important;
background: transparent !important;
font-weight: 700;
padding: 0 !important;
border-bottom: 2px inset #6ebe3b;
}
.header-main.header-var2 .submit-recipe:hover {
border-color: #000000;
}
.header-main.header-var2 .nav-collapse ul ul {
-webkit-box-shadow: 0 0 10px -2px #000000;
box-shadow: 0 0 10px -2px #000000;
}
.submit-recipe-filled {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
color: #ffffff !important;
background: #6ebe3b;
height: 40px;
line-height: 40px;
text-transform: capitalize;
font-size: 16px;
padding: 0 19px !important;
display: inline-block;
}
.submit-recipe-filled:hover {
color: #ffffff !important;
background: #000000;
}
.submit-recipe-lined {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
color: #000000 !important;
background: transparent;
height: 40px;
line-height: 40px;
text-transform: capitalize;
font-size: 16px;
padding: 0 !important;
display: inline-block;
border-bottom: 2px inset #6ebe3b;
}
.submit-recipe-lined:hover {
color: #000000 !important;
border-color: #000000;
}  .wrapper-logo-banner {
padding: 12px 0;
}
.wrapper-logo-banner .welcome-line p {
margin-top: 5px;
font-family: 'Lora', serif;
font-style: italic;
font-size: 16px;
color: #000000;
}
.wrapper-logo-banner .wrapper-links {
margin-bottom: 0;
text-align: right;
}
.wrapper-logo-banner .banner-header img {
width: 100%;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.wrapper-logo-banner .banner-header img:hover {
opacity: 0.8;
}
.top-nav {
background: #6ebe3b;
}
.top-nav ul {
display: block;
margin-bottom: 0;
}
.top-nav ul li {
display: inline-block;
margin-right: 35px;
position: relative;
text-transform: capitalize;
}
.top-nav ul li a {
display: inline-block;
line-height: 66px;
vertical-align: middle;
font-family: 'Lora', serif;
font-style: italic;
font-size: 16px;
}
.top-nav ul li:hover > a {
color: #ffffff;
}
.top-nav ul li ul {
display: none;
position: absolute;
left: 0;
z-index: 666;
min-width: 255px;
background: #5eaa2e;
padding: 20px 35px;
}
.top-nav ul li ul li {
display: block;
margin-right: 0;
width: auto !important;
border-bottom: 1px solid #57a129;
}
.top-nav ul li ul li a {
line-height: normal;
padding: 12px 0;
}
.top-nav ul li ul li:hover > a {
color: #ffffff;
font-weight: 400;
}
.top-nav ul li ul li:last-child {
border-bottom: none;
}
.top-nav ul li ul li ul {
left: 100%;
top: 0;
}
.top-nav ul li.current-menu-item {
font-weight: 700;
}
.top-nav ul .submit-recipe {
float: right;
margin-right: 0;
padding: 0;
}
.top-nav ul .submit-recipe a {
padding: 0 30px;
background: #65ae36;
}
.top-nav ul .submit-recipe a:hover {
background: #000000;
}  .header-var2.ext-var4 .submit-recipe a {
background: #000000;
}
.header-var2.ext-var4 .submit-recipe a:hover {
background: #65ae36;
color: #ffffff;
}
.header-var2.ext-var4 nav ul > li a {
color: #ffffff;
}
.header-var2.ext-var4 nav ul > li a:hover {
color: #000000;
}
.header-var2 .wrapper-logo-banner {
padding-bottom: 11px;
}
.header-var2.variation-four .logo-wrapper,
.header-var2.ext-var4 .logo-wrapper {
margin-top: 10px;
margin-bottom: 10px;
}
.header-var2.variation-four .wrapper-links,
.header-var2.ext-var4 .wrapper-links {
margin-bottom: 5px;
}
.header-var2.variation-four .top-nav .container > nav > ul > li > ul,
.header-var2.ext-var4 .top-nav .container > nav > ul > li > ul {
left: -15px;
}
.small-user-nav {
display: none;
}
.sign-in-buttons {
float: right;
}
.sign-in-buttons .saved-recipes-btn.not-logged-in,
.sign-in-buttons .logged-in-user,
.sign-in-buttons .header-login-btn {
display: block;
font-size: 14px;
border: 1px solid #000000;
padding: 6px 12px;
position: relative;
}
.sign-in-buttons .saved-recipes-btn.not-logged-in i.fa-user,
.sign-in-buttons .logged-in-user i.fa-user,
.sign-in-buttons .header-login-btn i.fa-user {
margin-right: 5px;
position: relative;
top: -1px;
}
.sign-in-buttons .saved-recipes-btn.not-logged-in i.fa-sign-in-alt,
.sign-in-buttons .logged-in-user i.fa-sign-in-alt,
.sign-in-buttons .header-login-btn i.fa-sign-in-alt {
margin-right: 5px;
position: relative;
top: 0;
}
.sign-in-buttons .saved-recipes-btn.not-logged-in i.fa-angle-down,
.sign-in-buttons .logged-in-user i.fa-angle-down,
.sign-in-buttons .header-login-btn i.fa-angle-down {
position: relative;
top: 1px;
margin-left: 2px;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.sign-in-buttons .saved-recipes-btn.not-logged-in:hover,
.sign-in-buttons .logged-in-user:hover,
.sign-in-buttons .header-login-btn:hover {
color: #6ebe3b;
border-color: #6ebe3b;
}
.sign-in-buttons .login-menu {
display: none;
position: absolute;
right: 15px;
top: 34px;
background-color: #fff;
border: none;
-webkit-box-shadow: 0 0 10px #e4d9d1;
box-shadow: 0 0 10px #e4d9d1;
padding: 10px;
z-index: 999999999;
}
.sign-in-buttons .login-menu li {
display: block;
border-left: 1px solid #e4d9d1;
border-right: 1px solid #e4d9d1;
-webkit-transition: all 120ms linear;
-o-transition: all 120ms linear;
transition: all 120ms linear;
}
.sign-in-buttons .login-menu li a {
display: block;
text-align: left;
padding: 3px 20px;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.sign-in-buttons .login-menu li:first-child {
padding-top: 4px;
border-top: 1px solid #e4d9d1;
}
.sign-in-buttons .login-menu li:last-child {
padding-bottom: 4px;
border-bottom: 1px solid #e4d9d1;
}
.sign-in-buttons .login-menu li:hover {
background-color: #6ebe3b;
color: #ffffff;
}
.sign-in-buttons .login-menu li:hover a {
color: #ffffff;
}
.sign-in-buttons:hover a.logged-in-user {
color: #000;
border-color: #000;
}
.sign-in-buttons:hover a.logged-in-user i.fa-angle-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.saved-recipes-btn.not-logged-in {
display: block;
float: right;
font-size: 14px;
border: 1px solid #000000;
padding: 6px 12px;
margin-right: 10px;
position: relative;
}
.saved-recipes-btn.not-logged-in i.fa-save {
margin-right: 4px;
position: relative;
}
.saved-recipes-btn.not-logged-in:hover {
color: #6ebe3b;
border-color: #6ebe3b;
}
.header .sticky-header-wrap {
display: none;
background-color: #6ebe3b;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99999;
}
.header .sticky-header-wrap nav {
line-height: 12px;
}
.header .sticky-header-wrap nav ul {
margin: 0;
padding: 0;
}
.header .sticky-header-wrap nav ul li {
height: auto;
margin-left: 0;
display: block;
float: left;
}
.header .sticky-header-wrap nav ul li a {
display: inline-block;
padding: 20px 20px;
line-height: normal;
height: auto;
}
.header .sticky-header-wrap nav ul li:hover > a {
background: #000;
color: #fff;
}
.header .sticky-header-wrap nav ul li ul {
padding: 0 20px;
}
.header .sticky-header-wrap nav ul li ul li {
float: none;
}
.header .sticky-header-wrap nav ul li ul li:hover a {
background: none;
color: #fff;
}
.header .sticky-header-wrap nav ul li.submit-recipe a {
height: auto;
line-height: normal;
padding: 20px 20px;
color: #fff;
}
.header .sticky-header-wrap nav ul li.current-menu-item > a {
background: #000;
color: #fff;
font-weight: normal;
}
.admin-bar .sticky-header-wrap {
top: 32px;
}    .slick-slider {
margin-bottom: 0;
}
.custom-margin {
margin-bottom: 0;
}
.slider-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slider-left {
width: 66%;
height: 523px;
position: relative;
}
.slider-left img {
width: 100%;
}
.custom-arrows {
display: table;
position: absolute;
top: 50%;
margin-top: -32px;
left: -39px;
}
.custom-arrows span {
display: table-cell;
height: 65px;
width: 39px;
line-height: 65px;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
background: #3d3432;
}
.custom-arrows span:hover {
background: #28211f;
}
.custom-arrows span i {
color: #736e6b;
}
.slider-right {
height: 523px;
overflow: hidden;
position: relative;
width: 34%;
background: #ddecf3;
}
.slider-right .slide-detail {
height: 523px;
}
.slider-right .rating-box span.off svg g path {
fill: #bbbbbb;
}
.wrapper-home-slider {
margin-bottom: 30px;
}
.wrapper-home-slider h2 {
margin-top: 0;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 30px;
line-height: 36px;
color: #000000;
margin-bottom: 30px;
}
.wrapper-home-slider h2 a {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.wrapper-home-slider h2 a:hover {
color: #5eaa2e;
}
.home-slider {
position: relative;
}
.corner-image {
position: absolute;
z-index: -1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.corner-image.slider {
right: -407px;
bottom: -180px;
}
.corner-image.hot {
left: -207px;
bottom: -80px;
}
.food-category {
padding: 10px 19px;
background: #b6754b;
color: #ffffff;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 14px;
display: inline-block;
margin-bottom: 30px;
}
.food-category:hover {
background: #000000;
color: #ffffff;
}
.post-meta {
margin-bottom: 58px;
}
.post-meta li {
margin-right: 13px;
position: relative;
display: inline-block;
font-family: 'Lato', sans-serif;
font-weight: 400;
color: #5e676b;
line-height: 24px;
}
.post-meta li a:hover {
color: #5eaa2e;
}
.post-meta li i {
margin-right: 6px;
}
.post-meta.slider-rating {
position: relative;
margin-bottom: 44px;
padding-left: 0;
}
.post-meta.slider-rating:after {
content: "";
width: 50px;
height: 3px;
background: #6ebe3b;
position: absolute;
left: 0;
bottom: -15px;
}
.fbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.box1 {
padding: 45px 30px 62px 30px;
}
.box2 {
position: absolute;
width: 100%;
height: 62px;
bottom: 0;
}  .wrapper-home-slider.variation-one .slider-left {
position: relative;
}
.wrapper-home-slider.variation-one .slider-left .featured {
height: 38px;
line-height: 38px;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #ffffff;
display: inline-block;
position: absolute;
top: 50px;
background: #b6754b;
}
.wrapper-home-slider.variation-one .slider-left .featured a {
color: inherit;
display: inline-block;
padding: 0 20px;
}
.wrapper-home-slider.variation-one .slider-left .featured:hover {
background: #ffffff;
}
.wrapper-home-slider.variation-one .slider-left .featured:hover a {
color: #b6754b;
}
.wrapper-home-slider.variation-one .rating-box {
padding-left: 0;
padding-right: 0;
margin-bottom: 10px;
}
.wrapper-home-slider.variation-one .box1 {
padding-bottom: 170px;
}
.slider-right .slide-detail {
position: relative;
}
.slider-right .similar-recipes {
background: #d5e3ea;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.slider-right .similar-recipes li {
width: 22%;
text-align: center;
display: inline-block;
}
.slider-right .similar-recipes li a {
display: inline-block;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.slider-right .similar-recipes li a img {
max-width: 100%;
height: auto;
border: 4px solid #ffffff;
border-radius: 50%;
}
.slider-right .similar-recipes li a:hover {
opacity: 0.8;
}
.slider-right .similar-recipes span {
text-transform: uppercase;
background: #ffffff;
display: inline-block;
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 14px;
padding: 6px 13px;
position: relative;
top: -16px;
}
.slide-detail .icon-container {
vertical-align: middle;
}
.slide-detail .icon-svg {
fill: #6ebe3b;
}  .wrapper-home-slider .slick-dots {
bottom: 20px;
}
.wrapper-home-slider .slick-dots li {
margin: 0 2px;
}
.wrapper-home-slider .slick-dots li button:before {
font-size: 12px;
opacity: 1;
color: #ffffff;
border: 2px solid transparent;
line-height: 14px;
width: 16px;
height: 16px;
border-radius: 50%;
}
.wrapper-home-slider .slick-dots li.slick-active button:before {
color: #000000;
border-color: #ffffff;
background-color: #ffffff;
}
.wrapper-home-slider.variation-two {
margin-bottom: 0;
}
.wrapper-home-slider.variation-two .custom-container-slide {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wrapper-home-slider.variation-two .slide-detail {
background: #ffffff;
padding: 16px;
width: 410px;
}
.wrapper-home-slider.variation-two .slide-detail-inner {
border: 1px solid #e4d9d1;
padding: 35px;
}
.wrapper-home-slider.variation-two .slide-detail-inner h2 {
font-size: 30px;
font-family: 'Lato', sans-serif;
font-weight: 900;
font-style: normal;
text-transform: uppercase;
margin-bottom: 20px;
}
.wrapper-home-slider.variation-two .slide-detail-inner p {
font-family: 'Karla', sans-serif;
margin-bottom: 20px;
}
.wrapper-home-slider.variation-two .slide-detail-inner .read-more-bordered {
margin-top: 15px;
}
.wrapper-home-slider.variation-two .slide-detail-inner .rating-box {
margin-bottom: 5px;
}
.wrapper-home-slider.variation-two .slide-detail-inner .rating-box .rating-figure {
display: inline-block;
margin-top: 12px;
margin-left: 0;
}
.wrapper-home-slider.variation-two .slick-slide img {
width: 100%;
}
.wrapper-home-slider.variation-two .short-separator {
margin-bottom: 10px;
}
.wrapper-home-slider.variation-two .fluid-slider-var2 .slick-slide .slide-linked {
display: none;
}
.short-separator {
width: 50px;
height: 3px;
background: #6ebe3b;
margin: auto;
}  .wrapper-home-slider.variation-three-boxed {
margin-bottom: 30px;
}
.wrapper-home-slider.variation-three-boxed .box-slider-var3 .slide-detail {
margin-right: 75px;
}
.box-slider-var3-outer {
position: relative;
}
.bg-corner-slider-var3 {
right: -316px;
bottom: -100px;
}  .slider-detail img,
.slider-nav img {
width: 100%;
}  .rating-box {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
color: #000000;
line-height: 21px;
}
.rating-box span {
display: inline-block;
vertical-align: middle;
}
.rating-box span.off svg g path {
fill: #e4d9d1;
}
.rating-box .rating-figure {
margin-left: 10px;
padding-top: 3px;
}
.rating-slider {
background: #d3e5ed;
}
.fluid-search-slider {
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #5eaa2e), color-stop(50%, #6ebe3b));
background: -webkit-linear-gradient(left, #5eaa2e 50%, #6ebe3b 50%);
background: -o-linear-gradient(left, #5eaa2e 50%, #6ebe3b 50%);
background: linear-gradient(to right, #5eaa2e 50%, #6ebe3b 50%);
}
.fluid-search-slider .wrapper-search-bar {
margin-bottom: 0;
}
.wrapper-search-bar {
margin-bottom: 30px;
}
.search-bar {
background: #6ebe3b;
overflow: hidden;
}
.search-bar .search-box-home {
display: inline-block;
}
.search-bar .search-box-home ::-webkit-input-placeholder {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.search-bar .search-box-home :-moz-placeholder { font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.search-bar .search-box-home ::-moz-placeholder { font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.search-bar .search-box-home :-ms-input-placeholder {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.search-bar .search-box-home .slider-search-left {
color: #ffffff;
font-size: 16px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
position: relative;
margin-bottom: 0;
margin-top: 4px;
}
.search-bar .search-box-home .slider-search-left label {
color: inherit;
font-size: inherit;
font-family: inherit;
font-style: italic;
}
.search-bar .search-box-home input {
display: inline-block;
margin-left: 10px;
outline: none;
border: none;
height: 34px;
color: #798287;
padding-left: 10px;
padding-right: 34px;
}
.search-bar .search-box-home input:focus {
outline: none;
border: none;
}
.search-bar .search-box-home button {
position: absolute;
right: 0;
top: 0;
height: 34px;
background: transparent;
border: none;
color: #000000;
}
.search-bar .search-form {
margin-top: 10px;
position: relative;
}
.search-bar .search-form ::-webkit-input-placeholder {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.search-bar .search-form :-moz-placeholder { font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.search-bar .search-form ::-moz-placeholder { font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.search-bar .search-form :-ms-input-placeholder {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.search-bar .search-form input[type="submit"] {
position: absolute;
right: 0;
top: 0;
height: 34px;
background: transparent;
border: none;
color: #000000;
z-index: 99;
}
.search-bar .search-form .screen-reader-text {
display: inline-block;
vertical-align: middle;
color: #ffffff;
font-size: 16px;
font-weight: 700;
font-family: 'Lora', serif;
font-style: italic;
position: relative !important;
clip: auto;
margin-bottom: 0;
margin-top: -3px;
top: auto;
left: auto;
width: auto;
height: auto;
}
.search-bar .search-form .search-field {
display: inline-block;
margin-left: 10px;
outline: none;
border: none;
height: 34px;
width: 230px;
color: #798287;
padding: 1px 34px 1px 10px !important;
font-size: 16px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
z-index: 97;
}
.search-bar .search-form .search-field:focus,
.search-bar .search-form .search-field:-webkit-autofill,
.search-bar .search-form .search-field:-webkit-autofill:hover,
.search-bar .search-form .search-field:-webkit-autofill:focus {
padding-left: 10px;
padding-right: 34px;
font-size: 16px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
background-color: #ffffff !important;
}
.search-bar .search-form .search-submit {
position: absolute;
right: 0;
top: 0;
height: 34px;
width: 34px;
background: transparent;
border: none;
color: #000000;
font-size: 0;
padding: 0;
z-index: 99;
}
.search-bar .search-form .search-submit:hover + .fa:before {
right: 3px;
}
.search-bar .search-form .fa {
position: absolute;
right: 0;
top: 0;
font-size: 17px;
height: 34px;
width: 34px;
text-align: center;
cursor: pointer;
z-index: 98;
}
.search-bar .search-form .fa:before {
position: relative;
top: 8px;
right: 0;
pointer-events: none;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.flexed-centered {
height: 40px;
width: 100%;
}
.search-box {
background: #5eaa2e;
height: 66px;
padding-left: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.wrapper-search-carousel {
padding-left: 1px;
}
.search-carousel .slide {
text-align: center;
border-right: 1px solid #67b238;
}
.search-carousel a {
display: block;
height: 66px;
line-height: 66px;
vertical-align: middle;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
color: #33571c;
text-transform: capitalize;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.search-carousel a span {
display: inline-block;
margin-right: 10px;
}
.search-carousel a span img {
display: inline-block;
}
.search-carousel a .icon-container svg {
vertical-align: middle;
}
.search-carousel a .icon-container .image {
display: inline-block;
min-width: 40px;
min-height: 50px;
position: relative;
vertical-align: middle;
}
.search-carousel a .icon-container .image img {
position: absolute;
top: 0;
left: 0;
}
.search-carousel a .icon-svg {
fill: #4C8924;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.search-carousel a:hover {
color: #ffffff;
}
.search-carousel a:hover .icon-svg {
fill: #ffffff;
}
.dragable-indication {
position: absolute;
top: 25px;
left: 0;
right: 0;
color: #ffffff;
opacity: 0.7;
font-size: 18px;
text-align: center;
pointer-events: none;
-webkit-animation: indications-wrapper 4s linear infinite;   animation: indications-wrapper 4s linear infinite; }
.dragable-indication i {
padding: 0 20px;
-webkit-animation: indication-arrow-left 2s linear infinite;   animation: indication-arrow-left 2s linear infinite; position: absolute;
left: 0;
}
.search-box {
position: relative;
margin-right: 8px;
}
.search-box:after {
content: "";
width: 25px;
height: 86px;
background: #5eaa2e;
position: absolute;
right: -10px;
top: -10px;
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.search-option span {
display: inline-block;
font-family: 'Lora', serif;
font-style: italic;
font-size: 16px;
color: #ffffff;
height: 34px;
width: 34px;
background: #000000;
position: relative;
z-index: 2;
border-radius: 34px;
text-align: center;
line-height: 34px;
margin-right: -27px;
}
@-webkit-keyframes indication-arrow-left {
0% {
left: 0;
}
50% {
left: 20px;
}
100% {
left: 0;
}
}
@-webkit-keyframes indication-arrow-right {
0% {
right: 0;
}
50% {
right: 20px;
}
100% {
right: 0;
}
}
@-webkit-keyframes indications-wrapper {
0% {
opacity: 0;
}
50% {
opacity: 0.4;
}
100% {
opacity: 0;
}
}  .bg-color1 {
background-color: #f4f1ea;
}
.bg-color1:before {
background-color: #f4f1ea;
}
.bg-color2 {
background-color: #ddecf3;
}
.bg-color2:before {
background-color: #ddecf3;
}
.bg-color3 {
background-color: #f6e3df;
}
.bg-color3:before {
background-color: #f6e3df;
}
.bg-color4 {
background-color: #e2f0cd;
}
.bg-color4:before {
background-color: #e2f0cd;
}
.bg-color5 {
background-color: #fffbe5;
}
.bg-color5:before {
background-color: #fffbe5;
}
.col-size {
height: 368px;
width: 50%;
}
.wrapper-hot-recipes {
margin-top: 45px;
margin-bottom: 45px;
}
.hot-recipes-var1 {
position: relative;
}
.container-tags {
overflow: hidden;
position: relative;
z-index: 66666;
}
.container-tags .tag {
display: inline-table;
padding-right: 20px;
overflow: hidden;
}
.container-tags .tag-inner {
display: inline-block;
height: 46px;
line-height: 46px;
text-align: center;
padding: 0 19px;
background-color: #c1452b;
color: #ffffff;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
font-size: 18px;
position: relative;
}
.container-tags .tag-inner:before {
content: "";
width: 20px;
height: 56px;
display: inline-block;
background: #c1452b;
-webkit-transform: rotate(-17deg);
-ms-transform: rotate(-17deg);
transform: rotate(-17deg);
position: absolute;
right: -8px;
}
.container-tags ul {
padding-top: 10px;
display: inline-block;
float: right;
margin-bottom: 0;
}
.container-tags ul li {
display: inline-block;
margin-left: 30px;
}
.container-tags ul li a {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
color: #000000;
font-size: 16px;
}
.container-tags ul li a:hover {
color: #c1452b;
}
.container-hot-recipes {
clear: both;
position: relative;
}
.hot-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
}
.full-image img {
width: 100%;
height: 100%;
}
.full-image a {
display: block;
height: 100%;
}
.full-image figure {
position: relative;
height: 100%;
overflow: hidden;
}
.full-image figure img {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.full-image figure:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.full-image figure:hover figcaption {
background-color: rgba(103, 178, 56, 0.7);
}
.full-image figure figcaption {
position: absolute;
bottom: 0;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
color: #ffffff;
font-size: 24px;
padding: 18px 30px;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.split-images-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 368px;
}
.recipe-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.recipe-box:hover .image img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.recipe-box .intro {
width: 50%;
}
.recipe-box .intro ul.post-meta.recipe {
padding-left: 0;
}
.recipe-box .intro ul.post-meta.recipe li {
padding-left: 0;
}
.recipe-box .image {
width: 50%;
overflow: hidden;
}
.recipe-box .image img {
width: 100%;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.recipe-box p {
margin-bottom: 0;
color: #918c82;
}
.image-first .recipe-box .intro {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.image-first .recipe-box .image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.intro .heading-recipe {
padding: 0 30px;
}
.intro h3 {
margin-top: 30px;
line-height: 30px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 21px;
position: relative;
}
.intro h3:after {
content: "";
width: 30px;
height: 3px;
background: #6ebe3b;
position: absolute;
left: 0;
bottom: -15px;
}
.intro h3 a:hover {
color: #000000;
}
.intro-first,
.image-first {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.intro-first .intro,
.image-first .intro {
position: relative;
}
.intro-first .intro:before,
.image-first .intro:before {
z-index: 999;
content: "";
display: inline-block;
width: 26px;
height: 26px;
position: absolute;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 40px;
}
.intro-first .intro:before {
right: -12px;
}
.image-first .intro:before {
left: -12px;
}
.post-meta.recipe {
margin-top: 30px;
margin-bottom: 20px;
}
.post-meta.recipe li {
padding-left: 18px;
margin-right: 6px;
}
.post-meta.recipe:before {
display: none;
}
.bg-color1 h3:after {
background: #d6b76e;
}
.bg-color1 h3:hover a {
color: #d6b76e;
}
.bg-color1 .icon-svg {
fill: #d6b76e;
}
.bg-color2 h3:after {
background: #65adcf;
}
.bg-color2 h3:hover a {
color: #65adcf;
}
.bg-color2 .icon-svg {
fill: #65adcf;
}
.bg-color4 h3:after {
background: #9cc55d;
}
.bg-color4 h3:hover a {
color: #9cc55d;
}
.bg-color4 .icon-svg {
fill: #9cc55d;
}
.bg-color3 h3:after {
background: #cd715d;
}
.bg-color3 h3:hover a {
color: #cd715d;
}
.bg-color3 .icon-svg {
fill: #cd715d;
}
.bg-color5 h3:after {
background: #c6b65c;
}
.bg-color5 h3:hover a {
color: #c6b65c;
}
.bg-color5 .icon-svg {
fill: #c6b65c;
}  .heading-var1 {
padding-bottom: 40px;
}
.heading-var1 h2 {
margin-top: 40px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
font-size: 30px;
color: #000000;
}
.icon-container {
vertical-align: middle;
}
.heading-bell {
display: inline-block;
}
.heading-bell img {
width: auto !important;
max-width: 100% !important;
}
.heading-bell:before,
.heading-bell:after {
content: "";
display: inline-block;
width: 70px;
height: 1px;
background: #dddad2;
}
.heading-bell:before {
margin-right: 15px;
}
.heading-bell:after {
margin-left: 15px;
}
.heading-bell.boxed {
margin-bottom: 15px;
}
.heading-bell .icon-svg {
fill: #c6b65c;
}
.single-recipe .recipe-image {
overflow: hidden;
}
.single-recipe .recipe-image img {
width: 100%;
height: auto;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.single-recipe:hover .recipe-detail {
background-color: #f2e8dd;
}
.single-recipe:hover .recipe-image img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.single-recipe .recipe-detail {
padding: 30px;
background: #f8f6f1;
overflow: hidden;
min-height: 310px;
margin-bottom: 30px;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.single-recipe .recipe-detail h3 {
margin-top: 0;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
font-size: 21px;
line-height: 30px;
}
.single-recipe .recipe-detail h3 a:hover {
color: #c1452b;
}
.single-recipe .recipe-detail p {
font-family: 'Karla', sans-serif;
color: #000000;
}
.single-recipe .read-more-bordered {
margin-top: 20px;
}  .hot-recipes-var2 {
padding-top: 40px;
padding-bottom: 110px;
background: #f8f6f5;
}
.hot-recipes-var2 h1,
.hot-recipes-var2 h2,
.hot-recipes-var2 h3 {
font-family: 'Lato', sans-serif;
font-weight: 900;
font-style: normal;
text-transform: uppercase;
}
.hot-recipes-var2 .col-size {
height: auto;
}
.hot-recipes-var2 .split-images-var2 .image img {
width: 100%;
height: auto;
}
.hot-recipes-var2 .split-images-var2 .common-split {
width: 50%;
}
.hot-recipes-var2 .split-images-var2:hover .intro {
background: #5eaa2e;
}
.hot-recipes-var2 .split-images-var2:hover .intro .intro-inner {
background: #5eaa2e;
}
.hot-recipes-var2 .split-images-var2:hover .intro .intro-inner h3,
.hot-recipes-var2 .split-images-var2:hover .intro .intro-inner p,
.hot-recipes-var2 .split-images-var2:hover .intro .intro-inner .read-more {
color: #ffffff;
}
.hot-recipes-var2 .split-images-var2:hover .intro .intro-inner .short-separator {
background: #ffffff;
}
.hot-recipes-var2 .split-images-var2:hover .intro .intro-inner .read-more:hover:after {
padding-left: 10px;
opacity: 1;
visibility: visible;
}
.hot-recipes-var2 .split-images-var2:hover .intro .intro-inner a {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.hot-recipes-var2 .intro {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #000000;
background: #ffffff;
padding: 10px;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.hot-recipes-var2 .intro:before {
display: none;
}
.hot-recipes-var2 .intro .intro-inner {
padding: 10px;
border: 1px solid #e4d9d1;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
width: 100%;
}
.hot-recipes-var2 .intro h3 {
font-size: 16px;
line-height: 30px;
margin-top: 10px;
}
.hot-recipes-var2 .intro h3:after {
display: none;
}
.hot-recipes-var2 .intro p {
font-family: 'Karla', sans-serif;
}
.hot-recipes-var2 .intro .short-separator {
margin-bottom: 10px;
}
.hot-recipes-var2 .intro .read-more {
display: inline-block;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
text-transform: capitalize;
position: relative;
}
.hot-recipes-var2 .intro .read-more:hover {
color: #c1452b;
}
.hot-recipes-var2 .intro .read-more:after {
font-family: FontAwesome;
content: "\f061";
font-style: normal;
padding-left: 0;
opacity: 0;
position: absolute;
visibility: hidden;
color: #ffffff;
}
.hot-recipes-var2 .intro h3,
.hot-recipes-var2 .intro p,
.hot-recipes-var2 .intro .read-more,
.hot-recipes-var2 .intro .short-separator,
.hot-recipes-var2 .intro .read-more:after {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.hot-recipes-var2 .intro-first .image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.hot-recipes-var2.corner-bg-var {
background: transparent;
padding-top: 30px;
}
.hot-recipes-var2.corner-bg-var .intro {
background: #f4f0ee;
}
.hot-recipes-var2.corner-bg-var .intro .intro-inner {
background: #ffffff;
}
.hot-recipes-var2.corner-bg-var .intro .intro-inner a {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.hot-recipes-var2.corner-bg-var .corner-image.hot {
left: -307px;
bottom: -124px;
}
.wrapper-hot-recipe-var2 {
position: relative;
}  .hot-recipes-var2.ext-var3 {
padding-top: 0px;
}    .good-food {
margin-bottom: 80px;
}
.good-food-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text-side {
width: 42%;
}
.image-side {
width: 58%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.good-food-intro .heading-small,
.good-food-intro h2 {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
color: #000000;
}
.good-food-intro .heading-small {
font-size: 24px;
}
.good-food-intro h2 {
margin-bottom: 25px;
margin-top: 0;
font-size: 48px;
position: relative;
}
.good-food-intro h2:after {
content: "";
width: 30px;
height: 3px;
background: #6ebe3b;
position: absolute;
left: 0;
bottom: -15px;
}
.good-food-intro .emphasis {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 21px;
line-height: 30px;
color: #3d8f09;
margin-bottom: 15px;
display: inline-block;
}
.good-food-image img {
width: 100%;
}
.good-food-list {
margin-bottom: 25px;
}
.good-food-list li {
color: #68645d;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 15px;
display: block;
border-bottom: 1px solid #efeeee;
padding: 15px 0;
position: relative;
padding-left: 55px;
}
.good-food-list li:last-child {
border: none;
}
.good-food-list li span {
position: absolute;
display: inline-block;
left: 0;
top: 10px;
min-height: 40px;
}
.good-food-list li a {
display: inline-block;
}
.good-food-list li a:hover {
color: #5eaa2e;
}  .good-food-var1 .wrapper-good-food {
background: #f8f6f1;
border-top: 2px solid #000000;
margin-top: 30px;
padding-top: 60px;
padding-bottom: 60px;
}
.good-food-var1 .single-item {
margin-bottom: 20px;
padding: 10px 30px;
}
.good-food-var1 .food-icon {
display: inline-block;
width: 82px;
height: 82px;
line-height: 80px;
text-align: center;
border: 1px solid #68645d;
border-radius: 50%;
}
.good-food-var1 h2 {
font-size: 36px;
margin-top: 10px;
}
.good-food-var1 .heading-small {
font-size: 24px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
color: #000000;
}
.good-food-var1 h3 {
font-size: 18px;
margin-top: 30px;
}
.good-food-var1 h3 a:hover {
color: #5eaa2e;
}
.good-food-var1 p {
font-family: 'Karla', sans-serif;
}    .wrapper-chefs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.our-chefs {
margin: 45px 0;
}
.our-chefs .chef-single {
overflow: hidden;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
width: 25%;
}
.our-chefs .chef-single img {
width: 100%;
height: auto;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.our-chefs .chef-single .chef-intro {
padding: 15px 25px;
}
.our-chefs .chef-single .chef-intro h4 {
font-size: 21px;
color: #ffffff;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.our-chefs .chef-single .chef-intro h4 a {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.our-chefs .chef-single .chef-intro h4 a:hover {
color: #ffffff;
opacity: 0.7;
}
.our-chefs .chef-single .chef-intro span {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 13px;
line-height: 30px;
text-transform: uppercase;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.our-chefs .chef-single:hover {
background: #c1452b;
}
.our-chefs .chef-single:hover img {
-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);
}
.our-chefs .chef-single:hover span {
color: #F6F6F6;
}
.bg-colorA {
background: #68645d;
}
.bg-colorA span {
color: #a5a094;
}
.bg-colorB {
background: #79756e;
}
.bg-colorB span {
color: #bfbaaf;
}
.bg-colorC {
background: #949088;
}
.bg-colorC span {
color: #bfbaaf;
}
.bg-colorD {
background: #a8a49d;
}
.bg-colorD span {
color: #d8d4cb;
}
.chef-bg {
right: -317px;
bottom: -103px;
}  .homo-4-col h3 {
margin-top: 35px;
font-size: 18px;
margin-bottom: 15px;
}
.homo-4-col .graphic-box {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.homo-4-col .graphic-box img {
width: 100%;
}
.homo-4-col p {
font-family: 'Karla', sans-serif;
margin-bottom: 15px;
}
.homo-4-col .chef-designation {
display: inline-block;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 13px;
}
.homo-4-col .col-single {
padding-bottom: 20px;
}
.homo-4-col .col-single:hover .chef-image {
opacity: 0.8;
}
.homo-4-col .col-single:hover .graphic-box {
opacity: 0.8;
}
.homo-4-col .post-meta {
margin-bottom: 30px;
}
.homo-4-col .post-meta li {
color: #000000;
}    .wrapper-main-contents.all-chefs {
padding-top: 40px;
}
.line-heading {
overflow: hidden;
}
.line-heading h2 {
margin-bottom: 50px;
position: relative;
font-size: 24px;
}
.line-heading h2:after {
margin-left: 20px;
display: inline-block;
content: "";
width: 100%;
height: 1px;
background: #e7e3e1;
position: absolute;
top: 50%;
margin-top: 3px;
}
.all-chefs .wrapper-head-chef {
position: relative;
}
.all-chefs .bg-corner-head-chef {
position: absolute;
right: -232px;
bottom: -60px;
z-index: 1;
}
.all-chefs .head-chef {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 60px;
}
.all-chefs .head-chef .left-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
background: #ffffff;
width: 42%;
}
.all-chefs .head-chef .left-side img {
max-width: 100%;
height: auto;
}
.all-chefs .head-chef .right-side {
padding: 30px 50px;
width: 58%;
background: #3f3c37;
}
.all-chefs .head-chef .right-side h3 {
font-size: 30px;
color: #ffffff;
}
.all-chefs .head-chef .right-side h3 a:hover {
color: #6ebe3b;
}
.all-chefs .head-chef .right-side .type {
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 13px;
color: #9d9a95;
display: block;
margin-bottom: 30px;
}
.all-chefs .head-chef .right-side .expertise {
display: inline-block;
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 0;
padding-left: 0;
}
.all-chefs .head-chef .right-side .expertise li {
margin-right: 15px;
display: inline-block;
font-size: 13px;
color: #9d9a95;
margin-bottom: 25px;
}
.all-chefs .head-chef .right-side .expertise li a {
display: inline-block;
}
.all-chefs .head-chef .right-side .expertise li a:hover {
color: #ffffff;
}
.all-chefs .head-chef .right-side .expertise li a:hover .icon-svg {
fill: #ffffff;
}
.all-chefs .head-chef .right-side .expertise li img {
vertical-align: bottom;
margin-right: 5px;
}
.all-chefs .head-chef .right-side .expertise li.experts-in {
text-transform: uppercase;
color: #ffffff;
margin-right: 10px;
margin-bottom: 25px;
font-size: 14px;
}
.all-chefs .head-chef .right-side .expertise .icon-container {
vertical-align: -7px;
margin-right: 5px;
}
.all-chefs .head-chef .right-side .expertise .icon-container path {
fill: #9d9a95;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.all-chefs .head-chef .right-side .separator-chef {
width: 100%;
height: 1px;
background: #4c4944;
margin-bottom: 25px;
}
.all-chefs .head-chef .right-side p {
color: #9d9a95;
font-size: 16px;
line-height: 30px;
}
.social-icons-chef {
vertical-align: top;
display: inline-block;
float: right;
}
.social-icons-chef li {
display: table-cell;
}
.social-icons-chef li a {
display: inline-block;
width: 38px;
height: 40px;
line-height: 40px;
text-align: center;
color: #9d9a95;
font-size: 18px;
margin-left: -1px;
}
.social-icons-chef li a:hover {
color: #ffffff;
}
.wrapper-chef-team {
margin-left: -3%;
}
.chef-team {
overflow: hidden;
}
.chef-team .single-chef {
position: relative;
}
.chef-team > li {
margin-bottom: 30px;
width: 22%;
float: left;
margin-left: 3%;
list-style: none;
}
.chef-team > li a {
position: relative;
}
.chef-team > li img {
width: 100%;
height: auto;
}
.chef-team > li:nth-child(2n+1) .chef-detail {
left: 100%;
}
.chef-team > li:nth-child(2n+1) .chef-detail:before {
left: 0;
}
.chef-team > li:nth-child(2n+1):hover .chef-detail {
visibility: visible;
opacity: 1;
}
.chef-team > li:nth-child(2n+1):hover .chef-detail:before {
left: -9px;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.chef-team > li:nth-child(2n+2) .chef-detail {
right: 100%;
}
.chef-team > li:nth-child(2n+2) .chef-detail:before {
right: 0;
}
.chef-team > li:nth-child(2n+2):hover .chef-detail {
visibility: visible;
opacity: 1;
}
.chef-team > li:nth-child(2n+2):hover .chef-detail:before {
right: -9px;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.chef-team > li:hover .chef-detail {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
width: 115%;
}
.chef-team > li:hover .chef-detail h4 {
top: 0;
}
.chef-team > li:hover .chef-detail .type {
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
top: 0;
}
.chef-team > li:hover .chef-detail p {
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
opacity: 1;
}
.chef-team > li:hover .chef-detail .social-icons-chef {
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
bottom: 0;
}
.chef-team .chef-detail {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
background-color: #3f3c37;
height: 100%;
width: 0;
z-index: 2;
}
.chef-team .chef-detail h4,
.chef-team .chef-detail .type {
position: relative;
top: -150px;
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.chef-team .chef-detail p {
-webkit-transition: 0.4s all ease-in-out;
-o-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
opacity: 0;
}
.chef-team .chef-detail h4 {
font-size: 18px;
color: #ffffff;
}
.chef-team .chef-detail .type {
font-size: 12px;
text-transform: uppercase;
color: #9d9a95;
margin-bottom: 20px;
display: inline-block;
}
.chef-team .chef-detail p {
color: #9d9a95;
}
.chef-team .chef-detail .social-icons-chef {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
margin-top: 20px;
position: relative;
bottom: -300px;
}
.chef-team .chef-detail:before {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
content: "";
display: inline-block;
border: 9px solid #3f3c37;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 25px;
z-index: 3;
}
.chef-team .chef-detail-inner {
overflow: hidden;
padding: 25px;
}
.chef-team .chef-detail-inner h4 a:hover {
color: #6ebe3b;
}  .chefs-banner {
background-image: url(//www.ricettemagiche.it/wp-content/themes/inspiry-recipe-press/images/temp-images/chefs-banner.jpg);
background-size: cover;
background-position: center bottom;
position: relative;
overflow: hidden;
}
.chefs-banner .bg-chef-video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
z-index: 10;
}
.wrapper-bg-video {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
background: #ffffff;
}
.chefs-card {
position: relative;
z-index: 12;
margin-top: 120px;
margin-bottom: 120px;
max-width: 410px;
background: #ffffff;
padding: 15px;
color: #000000;
}
.chefs-card h2 {
font-family: 'Lato', sans-serif;
font-weight: 900;
text-transform: uppercase;
font-style: normal;
line-height: 36px;
margin-bottom: 20px;
}
.chefs-card-inner {
border: 1px solid #e4d9d1;
padding: 20px 30px;
}
.chefs-card-inner .short-separator {
margin-bottom: 30px;
}
.chefs-card-inner img {
margin-bottom: 25px;
}
.chefs-card-inner p {
font-family: 'Karla', sans-serif;
margin-bottom: 25px;
}
.chefs-card-inner .read-more-bordered {
margin-bottom: 25px;
}    .latest-news {
margin-top: 45px;
margin-bottom: 45px;
}
.wrapper-latest-news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wrapper-latest-news .latest-news-bg {
left: -246px;
bottom: -120px;
}
.news-single {
width: 25%;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.news-single p,
.news-single .more,
.news-single .news-post-meta li::before {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.news-single img {
width: 100%;
}
.news-single .news-detail {
padding: 21px 25px 25px ;
}
.news-single .news-detail h4 {
margin-top: 4px;
font-family: 'Lora', serif;
font-style: italic;
font-size: 18px;
line-height: 24px;
font-weight: 400;
-ms-word-break: break-all;
word-break: break-all;
}
.news-single .news-detail h4 a:hover {
color: #c1452b;
opacity: 0.7;
}
.news-single .news-detail .news-post-meta li {
font-weight: 400;
font-size: 13px;
color: #4b4841;
}
.news-single .news-detail .news-post-meta.sb-line {
margin-bottom: 40px;
padding-left: 0;
}
.news-single .news-detail .news-post-meta.sb-line:after {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
background: #d6b76e;
bottom: -22px;
}
.news-single .news-detail p {
color: #918c82;
}
.news-single .news-detail .more {
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 13px;
color: #4b4841;
}
.news-single .news-detail .more:hover {
color: #c1452b !important;
}
.news-single .news-detail .more i {
margin-left: 5px;
}
.news-single:nth-of-type(odd) {
background: #f4f1ea;
}
.news-single:nth-of-type(even) {
background: #f9f7f2;
}
.news-single .news-visuals {
height: 183px;
overflow: hidden;
}
.news-single:hover {
background: #F1EBDD !important;
}
.homo-4-col h3 a:hover {
color: #6ebe3b;
}
.news-single .slick-dots,
.homo-4-col .slick-dots {
bottom: 0;
}
.news-single .slick-dots li,
.homo-4-col .slick-dots li {
margin: 0 2px;
}
.news-single .slick-dots li button:before,
.homo-4-col .slick-dots li button:before {
font-size: 12px;
opacity: 1;
color: #ffffff;
border: 2px solid transparent;
line-height: 14px;
width: 16px;
height: 16px;
border-radius: 50%;
}
.news-single .slick-dots li.slick-active button:before,
.homo-4-col .slick-dots li.slick-active button:before {
color: #000000;
border-color: #ffffff;
background-color: #ffffff;
}
.news-visuals iframe {
width: 100%;
height: 100%;
border: none;
}  .homo-4-col.news-variation2 {
padding-top: 30px;
padding-bottom: 50px;
}
.homo-4-col.news-variation2 h2,
.homo-4-col.news-variation2 h3 {
text-transform: uppercase;
font-style: normal;
}
.homo-4-col.news-variation2 h2 {
font-family: 'Lato', sans-serif;
font-weight: 900;
}
.homo-4-col.news-variation2 h3 {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 30px;
margin-bottom: 20px;
}
.homo-4-col.news-variation2 .short-separator {
margin-bottom: 20px;
}
.homo-4-col.news-variation2 .read-more-bordered {
margin-top: 20px;
}
.homo-4-col.news-variation2 .post-meta {
margin-bottom: 20px;
}
.homo-4-col .graphic-box .news-visuals {
height: 169px;
}
.homo-4-col .graphic-box img {
height: auto;
}
.homo-4-col .video-post {
height: 184px;
}
.homo-4-col .col2fix {
display: none;
}    .recipe-banner {
background: #6ebe3b;
position: relative;
padding-top: 25px;
padding-bottom: 20px;
padding-left: 180px;
padding-right: 25px;
}
.recipe-banner img {
position: absolute;
left: -35px;
bottom: 0;
}
.recipe-banner .banner-text h2 {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
font-size: 24px;
margin: 0 0 5px;
}
.recipe-banner .banner-text p {
color: #397016;
margin-bottom: 0;
}
.recipe-banner .submit-recipe {
background: #000000;
}
.recipe-banner .submit-recipe:hover {
background: #ffffff;
color: #000000;
}
.recipe-button {
text-align: right;
}    .recipe-submit-banner {
margin-top: 50px;
}
.page-template-home .recipe-submit-banner {
margin-top: 110px;
}
body .footer a {
color: #ffffff;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
opacity: 0.8;
}
body .footer a:hover {
opacity: 1;
}
body .footer .footer-copyright a {
color: #ffffff !important;
}
body .footer .footer-copyright a:hover {
opacity: 1;
}
.footer-boxed .footer-inner {
background-image: url(//www.ricettemagiche.it/wp-content/themes/inspiry-recipe-press/images/footer-bg.jpg);
}
.footer-fluid {
background-image: url(//www.ricettemagiche.it/wp-content/themes/inspiry-recipe-press/images/footer-bg-full.jpg);
background-size: cover;
}
body .footer-inner {
padding-top: 55px;
position: relative;
background-size: cover;
}
body .footer-inner .logo-footer {
display: inline-block;
margin-bottom: 35px;
}
body .footer-inner p {
color: #bbbbbb;
opacity: 0.8;
margin-bottom: 35px;
}
body .footer-inner .corner-image {
bottom: 0;
right: -415px;
}
body .footer-inner ul li {
color: #ffffff;
-ms-word-break: break-all;
word-break: break-all;
}
body .footer-inner .selectric-items ul li {
color: #aaaaaa;
}
body .footer-inner .selectric-items ul li:hover {
color: #333333;
}
body .footer-inner .widget_search form input[type="submit"] {
position: relative;
top: -2px;
}
body .footer-inner .widget_search form input[type="submit"]:hover {
background-color: #666666;
}
.footer-variant-one .footer-inner {
padding-left: 140px;
padding-right: 140px;
}
.footer-variant-one .footer-copyright {
margin-bottom: 0;
}
.subs-social-options {
border-top: 1px solid #2e2a26;
}
.subs-social-options .custom-col-options {
border-width: 0 1px 0 0;
border-style: solid;
-webkit-border-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #2e2a26), to(rgba(0, 0, 0, 0))) 1 100%;
-webkit-border-image: -webkit-linear-gradient(top, #2e2a26 80%, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image: -o-linear-gradient(top, #2e2a26 80%, rgba(0, 0, 0, 0)) 1 100%;
border-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #2e2a26), to(rgba(0, 0, 0, 0))) 1 100%;
border-image: linear-gradient(to bottom, #2e2a26 80%, rgba(0, 0, 0, 0)) 1 100%;
}
.subs-social-options .left-side {
padding-right: 30px;
padding-bottom: 30px;
}
.widget-footer h2 {
font-family: 'Lora', serif;
font-style: italic;
font-size: 21px;
color: #ffffff;
margin-top: 30px;
margin-bottom: 20px;
}
.email-field {
position: relative;
}
.email-field ::-webkit-input-placeholder {
color: #736e6b;
}
.email-field :-moz-placeholder { color: #736e6b;
}
.email-field ::-moz-placeholder { color: #736e6b;
}
.email-field :-ms-input-placeholder {
color: #736e6b;
}
.email-field input {
width: 100%;
height: 40px;
background: transparent;
border: 1px solid #bbbbbb;
padding-left: 15px;
padding-right: 40px;
font-size: 16px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
color: #cccccc;
outline: none;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.email-field input:focus {
border-color: #ffffff;
color: #bbbbbb;
}
.email-field button {
display: inline-block;
position: absolute;
right: 0;
top: 0;
line-height: 38px;
padding-right: 15px;
cursor: pointer;
border: none;
background-color: transparent;
color: #bbbbbb;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.email-field button:hover {
color: #ffffff;
}
.right-side {
padding-left: 30px;
}
.footer-copyright {
padding-top: 35px;
padding-bottom: 30px;
}
.footer-copyright p {
opacity: 1;
font-size: 14px;
color: #999999;
font-family: 'Lato', sans-serif;
font-weight: 400;
margin-bottom: 0;
}
.footer-copyright.var1 {
border-top: 1px solid #2e2a26;
}  .footer.footer-variant-two .wrapper-logo-detail {
padding-bottom: 15px;
}
.footer.footer-variant-two .wrapper-logo-detail .right-side {
padding-top: 30px;
padding-left: 0;
}
.footer.footer-variant-two .footer-inner {
padding-top: 40px;
}
.footer-social-icons {
text-align: right;
}
.footer-social-icons ul li {
display: inline-block;
margin-left: 25px;
}
.footer-social-icons ul li a {
display: inline-block;
color: #736e6b;
font-size: 18px;
}
.footer-social-icons ul li a:hover {
color: #ffffff;
}    .banner {
min-height: 210px;
background-size: cover;
background-position: bottom center;
}
.banner .main-heading {
background: #ffffff;
padding: 10px;
display: inline-block;
margin-top: 40px;
margin-bottom: 36px;
}
.banner .page-title {
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 24px;
font-style: normal;
text-transform: uppercase;
border: 1px solid #e4d9d1;
margin: 0;
padding: 20px 40px;
}
.banner .container-tags .tag-inner {
background: #000000;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
}
.banner .container-tags .tag-inner i {
margin-left: 3px;
}
.banner .container-tags .tag-inner:before {
background: #000000;
}    .wrapper-main-contents {
padding-top: 60px;
padding-bottom: 120px;
}
.post-single {
margin-bottom: 30px;
}
.post-single .post-visuals {
text-align: center;
}
.post-single .post-visuals img {
max-width: 100%;
height: auto;
}
.post-single .post-visuals a:hover {
opacity: 0.8;
}
.post-single .post-visuals iframe {
width: 100%;
height: 342px;
border: none;
}
.post-single .post-visuals .slick-slide img {
display: inline-block;
}
.post-single h1,
.post-single h2,
.post-single h3,
.post-single h4,
.post-single h5,
.post-single h6 {
font-style: normal;
text-transform: uppercase;
margin-bottom: 25px;
font-family: 'Lato', sans-serif;
font-weight: 700;
}
.post-single h1 a,
.post-single h2 a,
.post-single h3 a,
.post-single h4 a,
.post-single h5 a,
.post-single h6 a {
display: inline-block;
}
.post-single h1 a:hover,
.post-single h2 a:hover,
.post-single h3 a:hover,
.post-single h4 a:hover,
.post-single h5 a:hover,
.post-single h6 a:hover {
color: #c1452b;
}
.post-single .entry-title {
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 21px;
margin-top: 12px;
padding-bottom: 20px;
position: relative;
font-style: normal;
text-transform: uppercase;
-ms-word-break: break-all;
word-break: break-all;
}
.post-single .entry-title:after {
content: "";
display: inline-block;
width: 50px;
height: 3px;
background: #6ebe3b;
position: absolute;
left: 0;
bottom: 0;
}
.post-single .entry-title a:hover {
color: #c1452b;
}
.post-single h3 {
font-size: 18px;
}
.post-single h4 {
font-size: 14px;
}
.post-single .post-meta {
margin-bottom: 20px;
padding-left: 0;
}
.post-single .post-meta li {
color: #000000;
}
.post-single p {
font-family: 'Karla', sans-serif;
color: #3a3a3a;
margin-bottom: 30px;
}
.post-single blockquote,
.post-single blockquote.wp-block-quote {
font-style: italic;
line-height: 24px;
font-size: 16px;
color: #3a3a3a;
padding: 20px 15px;
border-left: 5px solid #6ebe3b !important;
}
.post-single blockquote[style="text-align:right"],
.post-single blockquote.wp-block-quote[style="text-align:right"] {
border-right: 5px solid #6ebe3b !important;
border-left: none !important;
}
.post-single .wp-block-pullquote {
padding: 0;
margin-bottom: 20px;
}
.post-single .wp-block-pullquote blockquote {
border-left: none !important;
}
.post-single .wp-block-pullquote.is-style-solid-color {
padding: 20px;
margin: 0 0 20px;
text-align: center;
}
.post-single .wp-block-pullquote.is-style-solid-color blockquote {
text-align: center;
}
.post-single .wp-block-table tr {
padding: 6px 12px;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.42857143;
}
.post-single .wp-block-table tr:first-of-type,
.post-single .wp-block-table tr td:first-child {
color: #ffffff !important;
background-color: #6ebe3b !important;
font-weight: 700;
}
.post-single .wp-block-table.is-style-stripes tr:nth-child(odd) {
background-color: #e9e9e9;
}
.post-single .wp-block-archives-dropdown {
margin-bottom: 25px;
}
.post-single .wp-block-media-text {
margin-bottom: 20px;
}
.post-single .wp-block-media-text.alignfull {
margin-left: -33px;
margin-right: -33px;
max-width: none;
}
.post-single .wp-block-gallery.alignfull,
.post-single .wp-block-image.alignfull,
.post-single .wp-block-embed.alignfull {
margin-left: -33px;
margin-right: -33px;
max-width: none;
}
.post-single .post-tags {
margin-top: 40px;
margin-bottom: 40px;
padding-left: 0;
position: relative;
color: #000000;
}
.post-single .post-tags i {
margin-right: 6px;
position: relative;
top: 2px;
}
.post-single .post-tags li {
display: inline-block;
}
.post-single .post-tags li a {
font-family: 'Karla', sans-serif;
}
.post-single .post-tags li a:hover {
color: #c1452b;
}
.post-single .post-social-icons .social-list {
list-style: none;
padding: 0;
}
.post-single .post-social-icons .social-list li {
display: inline-block;
margin-right: 10px;
}
.post-single .prev-next-links {
margin-top: 40px;
margin-bottom: 40px;
clear: both;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 700;
overflow: hidden;
color: #000000;
}
.post-single .prev-next-links a {
display: inline-block;
}
.post-single .prev-next-links a:hover {
color: #6ebe3b;
}
.post-single .prev-next-links .previous-post-arrow i {
margin-right: 5px;
}
.post-single .prev-next-links .next-post-arrow {
float: right;
}
.post-single .prev-next-links .next-post-arrow i {
margin-left: 5px;
}
.post-single .page-links {
display: block;
text-align: center;
}
.post-single .page-links span {
display: inline-block;
width: 38px;
height: 38px;
line-height: 36px;
border: 1px solid #e4d9d1;
background: #6ebe3b;
color: #ffffff;
margin-right: 10px;
font-family: 'Lora', serif;
font-weight: 600;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.post-single .page-links a span {
background: #ffffff;
color: #333333;
}
.post-single .page-links a:hover span {
background: #6ebe3b;
color: #ffffff;
}
.post-single .read-more-arrow {
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #000000;
margin: 28px 0 20px;
display: inline-block;
}
.post-single .read-more-arrow i {
margin-left: 3px;
}
.post-single .read-more-arrow:hover {
color: #c1452b;
}
.post-single audio {
width: 100%;
}
.post-single.post-quotes p {
font-family: 'Karla', sans-serif;
font-style: italic;
line-height: 30px;
font-size: 18px;
}
.post-single.post-quotes .quote-mark {
margin-top: 15px;
margin-bottom: 15px;
}
.post-single.post-quotes .quote-mark i {
font-size: 30px;
color: #6ebe3b;
}
.post-single.post-quotes .quote-writer {
display: inline-block;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 700;
margin-top: 15px;
margin-bottom: 34px;
}
.post-single.post-quotes .post-meta {
margin-bottom: 0;
}
.post-single .audio-container {
margin-bottom: 30px;
}
.wp-block-table td,
.wp-block-table th {
border-color: #ffffff;
}
.wp-block-cover p {
color: #ffffff;
}
.post-contents {
background: #ffffff;
padding: 11px;
}
.post-contents .is-type-video .wp-block-embed__wrapper {
position: relative;
width: 100%;
padding-bottom: 56%;
height: 0;
}
.post-contents .is-type-video .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.post-contents iframe,
.post-contents embed,
.post-contents .mejs-audio {
max-width: 100%;
}
.post-contents acronym {
font-style: italic;
font-weight: bold;
}
.post-contents var {
color: #00A2E3;
font-weight: bold;
font-style: italic;
}
.post-contents img {
max-width: 100%;
height: auto;
}
.post-contents .alignfull {
clear: both;
max-width: 100%;
}
.post-contents ul.aligncenter {
padding-left: 0;
list-style: none;
}
.post-contents ul.aligncenter li {
text-align: center;
}
.post-contents ul.aligncenter li a {
display: inline-block;
position: relative;
}
.post-contents ul.aligncenter li a:before {
content: ' ';
position: absolute;
top: 12px;
left: -14px;
width: 4px;
height: 4px;
background-color: #000000;
border-radius: 15px;
}
.post-contents-inner {
border: 1px solid #e4d9d1;
padding: 22px 33px 42px;
}
.post-contents-inner .post-editor-contents a:not(.wp-block-button__link),
.post-contents-inner .post-editor-contents a:not(.post-contents-inner .post-editor-contents th a) {
color: #6ebe3b;
}
.post-contents-inner .post-editor-contents a:not(.wp-block-button__link):hover,
.post-contents-inner .post-editor-contents a:not(.post-contents-inner .post-editor-contents th a):hover {
color: #333333;
}
.post-contents-inner .post-editor-contents th a {
color: #ffffff;
}
.post-contents-inner .post-editor-contents th a:hover {
color: #000000;
}
.post-contents-inner .post-editor-contents .post-password-form label {
position: relative;
top: -2px;
}
.sticky .post-contents-inner,
.tag-sticky-2 .post-contents-inner,
.tag-sticky-3 .post-contents-inner {
border: 2px solid #6ebe3b;
}
.wrapper-post-slider {
position: relative;
}
.wrapper-post-slider:hover .arrow-nav {
opacity: 1;
}
.wrapper-post-slider .arrow-nav {
opacity: 0;
cursor: pointer;
display: inline-block;
width: 29px;
height: 37px;
line-height: 37px;
text-align: center;
background: #000000;
color: #ffffff;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
position: absolute;
top: 50%;
margin-top: -18px;
}
.wrapper-post-slider .arrow-nav:hover {
color: #000000;
background: #ffffff;
}
.wrapper-post-slider .right-arrow {
right: -1px;
}
.pagination {
display: block;
text-align: center;
}
.pagination a {
display: inline-block;
width: 38px;
height: 38px;
line-height: 36px;
border: 1px solid #e4d9d1;
margin-right: 10px;
background: #ffffff;
font-family: 'Lora', serif;
font-weight: 600;
}
.pagination a:hover {
background: transparent;
}
.pagination .current {
display: inline-block;
width: 38px;
height: 38px;
line-height: 36px;
border: 1px solid #e4d9d1;
margin-right: 10px;
background: transparent;
font-family: 'Lora', serif;
font-weight: 600;
}
.separator-post {
height: 1px;
background: #e4d9d1;
margin-bottom: 42px;
}
.related-posts h3 {
margin-bottom: 35px;
}
.related-single {
margin-bottom: 42px;
}
.related-single .related-post-thumb img {
width: 100%;
height: auto;
margin-bottom: 15px;
-webkit-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.related-single .related-post-thumb img:hover {
opacity: 0.8;
}
.related-single h4 {
margin-top: 0;
margin-bottom: 10px;
line-height: 24px;
}
.related-single span a {
color: #6ebe3b;
}
.related-single span a:hover {
color: #c1452b;
}
.post-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 42px;
}
.post-author .avatar {
margin-right: 15px;
}
.post-author .avatar img {
max-width: 100%;
height: auto;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.post-author .avatar img:hover {
opacity: 0.8;
}
.post-author .detail {
width: 82%;
}
.post-author .detail .social-icons {
float: right;
}
.post-author .detail .social-icons li {
margin-left: 15px;
display: inline-block;
font-size: 16px;
color: #ababab;
}
.post-author .detail .social-icons li a:hover {
color: #6ebe3b;
}
.post-author .detail h5 {
margin-top: 0;
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 16px;
margin-bottom: 15px;
}
.post-author .detail .type {
display: inline-block;
text-transform: capitalize;
font-family: 'Montserrat', sans-serif;
color: #6ebe3b;
margin-bottom: 15px;
}
.comment-subscription-form {
margin: 15px 0 0;
}
.comments-list {
list-style: none;
margin-bottom: auto;
}
.comments-list li {
border-top: 1px solid #f7f7f7;
padding-top: 20px;
}
.comments-list li .comment-inner {
margin-bottom: 20px;
}
.comments-list li .gravatar {
width: 17%;
margin-right: 25px;
float: left;
}
.comments-list li .gravatar img {
max-width: 100%;
height: auto;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.comments-list li .gravatar img:hover {
opacity: 0.8;
}
.comments-list li .detail {
overflow: hidden;
}
.comments-list li .detail h6 {
margin-top: 0;
font-size: 14px;
margin-bottom: 15px;
color: #3a3a3a;
}
.comments-list li .detail .comment-date {
margin-bottom: 15px;
display: inline-block;
font-family: 'Karla', sans-serif;
color: #000000;
}
.comments-list li .detail .comment-date i {
margin-right: 15px;
}
.comments-list li .detail .comment-reply-link {
font-weight: normal;
text-transform: none;
}
.comments-list li .detail .comment-reply-link:hover,
.comments-list li .detail .comment-reply-link:focus {
color: #c1452b;
}
.comments-list li .detail .comment-content ul {
margin-left: 10px;
list-style: disc;
}
.comments-list li .detail .comment-content ol {
list-style: decimal;
}
.comments-list li .detail .comment-content li {
padding-top: 0;
}
.comments-list li .detail .comment-content a {
color: #6ebe3b;
}
.comments-list li .detail .comment-content a:hover {
color: #c1452b;
}
.comments-list li ul {
margin-left: 17%;
list-style: none;
margin-bottom: auto;
}
.comments-list > li:first-child {
border-top: none;
padding-top: 0;
}
.comments-list .depth-3 .children {
margin-left: 0;
padding-left: 0;
}
.post-comments h3 {
margin: 48px 0;
overflow: hidden;
}
.post-comments h3 #cancel-comment-reply-link {
float: right;
}
.comment-reply {
text-transform: uppercase;
color: #000000;
font-family: 'Lato', sans-serif;
font-weight: 700;
}
.comment-reply:hover {
color: #6ebe3b;
}
.comment-reply i {
margin-right: 5px;
}
.comments-form label {
width: 15%;
float: left;
line-height: 42px;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #000000;
}
.comments-form input[type="submit"] {
margin-left: 15%;
background: #6ebe3b;
color: #ffffff;
border: none;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
font-size: 16px;
outline: none;
padding-right: 24px;
padding-left: 24px;
}
.comments-form input[type="submit"]:hover {
background: #000000;
}
.comments-form input[type="text"],
.comments-form input[type="email"] {
width: 70%;
}
.comments-form input[type="text"],
.comments-form input[type="email"],
.comments-form input[type="submit"],
.comments-form textarea {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
margin-bottom: 25px;
}
.comments-form input[type="text"],
.comments-form input[type="email"],
.comments-form input[type="submit"] {
height: 42px;
}
.comments-form textarea {
width: 85%;
height: 175px;
resize: none;
padding-top: 15px;
padding-bottom: 15px;
}
.comments-form input[type="text"],
.comments-form input[type="email"],
.comments-form textarea {
border: 1px solid #e8e5e3;
background: #f8f6f5;
outline: none;
padding-left: 15px;
padding-right: 15px;
}
.comments-form input[type="text"]:focus,
.comments-form input[type="email"]:focus,
.comments-form textarea:focus {
border-color: #6ebe3b;
}    .page-comments {
padding: 11px;
margin-top: 50px;
background-color: #ffffff;
}
.page-comments .post-comments {
border: 1px solid #e4d9d1;
padding: 0 33px 42px;
}
.page .editor-contents-wrap {
background: #ffffff;
padding: 11px;
margin-bottom: 30px;
}
.page .editor-contents-wrap .post-editor-contents {
border: 1px solid #e4d9d1;
padding: 22px 33px 42px;
}
.page p {
font-family: 'Karla', sans-serif;
color: #3a3a3a;
margin-bottom: 30px;
}  .side-bar .widget ul {
margin-top: 10px;
}
.side-bar .widget li {
margin-bottom: 10px;
-ms-word-break: break-all;
word-break: break-all;
}
.side-bar .widget li a {
line-height: 21px;
display: inline-block;
text-transform: uppercase;
color: #000000;
font-family: 'Lato', sans-serif;
}
.side-bar .widget li a:hover {
color: #c1452b;
}
.side-bar .widget li:last-child {
border-bottom: none;
margin-bottom: 0;
}
.side-bar .archives-widget li {
width: 49%;
display: inline-block;
}
.side-bar .archives-widget li span {
color: #6ebe3b;
}
.side-bar .tags-widget li {
display: inline-block;
margin-right: 4px;
margin-bottom: 8px;
}
.side-bar .tags-widget li a {
display: inline-block;
background: #ffffff;
border: 1px solid #e7e3e1;
padding: 4px 17px;
text-transform: capitalize;
font-family: 'Karla', sans-serif;
font-size: 14px;
}
.side-bar .tags-widget li a:hover {
background: #6ebe3b;
border-color: #6ebe3b;
color: #ffffff;
}
.side-bar .widget_recent_posts_widget {
margin-bottom: 33px;
}
.side-bar .widget_recent_posts_widget li {
padding-bottom: 18px;
margin-bottom: 18px;
}
.side-bar .widget_tabs_recipe_widget .tabs-nav {
padding-left: 0;
}
.side-bar .widget_tabs_recipe_widget .tabs-nav li {
font-size: 12px;
}
.side-bar .widget_tabs_recipe_widget .tabs-nav li:last-child {
margin-bottom: 10px;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content {
padding: 20px 25px 24px;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner {
position: relative;
overflow: hidden;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner .left-side {
float: none;
position: absolute;
top: 0;
left: 0;
z-index: 9;
width: 100%;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner .left-side img {
width: 100%;
height: auto;
opacity: 0.08;
-webkit-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner .right-side {
position: relative;
z-index: 10;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner:hover .left-side img {
opacity: 0.2;
}
.side-bar .widget,
.custom-col-food-tabs .widget {
margin-bottom: 45px;
}
.side-bar .widget h2,
.custom-col-food-tabs .widget h2 {
overflow: hidden;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
font-size: 18px;
margin-top: 0;
position: relative;
padding-bottom: 5px;
margin-bottom: 27px;
text-transform: capitalize;
}
.side-bar .widget h2:after,
.custom-col-food-tabs .widget h2:after {
content: "";
width: 100%;
height: 1px;
background: #e7e3e1;
position: absolute;
top: 50%;
margin-left: 15px;
}
.side-bar .widget img,
.custom-col-food-tabs .widget img,
.side-bar .widget select,
.custom-col-food-tabs .widget select {
max-width: 100%;
}
.side-bar .search-bar-widget,
.custom-col-food-tabs .search-bar-widget {
position: relative;
}
.side-bar .search-bar-widget form,
.custom-col-food-tabs .search-bar-widget form {
position: relative;
}
.side-bar .search-bar-widget form label,
.custom-col-food-tabs .search-bar-widget form label {
position: relative;
display: block;
}
.side-bar .search-bar-widget form label input,
.custom-col-food-tabs .search-bar-widget form label input {
width: 100%;
border: 1px solid #e7e3e1;
height: 35px;
padding-left: 13px;
padding-right: 35px;
outline: none;
}
.side-bar .search-bar-widget form label input ::-webkit-input-placeholder,
.custom-col-food-tabs .search-bar-widget form label input ::-webkit-input-placeholder {
font-family: 'Lora', serif;
}
.side-bar .search-bar-widget form label input :-moz-placeholder,
.custom-col-food-tabs .search-bar-widget form label input :-moz-placeholder { font-family: 'Lora', serif;
}
.side-bar .search-bar-widget form label input ::-moz-placeholder,
.custom-col-food-tabs .search-bar-widget form label input ::-moz-placeholder { font-family: 'Lora', serif;
}
.side-bar .search-bar-widget form label input :-ms-input-placeholder,
.custom-col-food-tabs .search-bar-widget form label input :-ms-input-placeholder {
font-family: 'Lora', serif;
}
.side-bar .search-bar-widget form .search-submit,
.custom-col-food-tabs .search-bar-widget form .search-submit {
cursor: pointer;
position: absolute;
right: -15px;
top: 1px;
height: 35px;
line-height: 33px;
width: 35px;
display: inline-block;
text-align: center;
border: none;
text-indent: -9999px;
background: url(//www.ricettemagiche.it/wp-content/themes/inspiry-recipe-press/images/svg/search.svg) center center no-repeat transparent;
text-decoration: none;
}
.side-bar .search-bar-widget form .search-submit:hover,
.custom-col-food-tabs .search-bar-widget form .search-submit:hover {
opacity: 0.8;
}
.tagcloud a {
display: inline-block;
margin-right: 4px;
margin-bottom: 8px;
background: #ffffff;
border: 1px solid #e7e3e1;
padding: 4px 17px;
text-transform: capitalize;
font-size: 14px !important;
font-family: 'Karla', sans-serif;
}
.tagcloud a:hover {
background: #6ebe3b;
border-color: #6ebe3b;
color: #ffffff;
}
.widget li:last-child {
border-bottom: none;
}
.widget_recent_posts_widget h5 {
font-weight: normal;
margin-top: -5px;
margin-bottom: 0;
font-style: normal;
}
.widget_recent_posts_widget ul {
padding-left: 0;
margin-bottom: 0;
}
.widget_recent_posts_widget ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 15px;
border-bottom: 1px solid #ebe8e6;
}
.widget_recent_posts_widget ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.widget_recent_posts_widget .thumb {
margin-right: 15px;
}
.widget_recent_posts_widget .thumb a:hover {
opacity: 0.7;
}
.widget_recent_posts_widget .thumb img {
max-width: 100px;
height: auto;
}
.widget_recent_posts_widget .post-date {
display: block;
font-family: 'Karla', sans-serif;
color: #514b49;
}
.recipe-search .search-bar-widget {
margin-bottom: 21px;
}
.recipe-search .search-bar-widget ::-webkit-input-placeholder {
color: #ffffff;
}
.recipe-search .search-bar-widget :-moz-placeholder { color: #ffffff;
}
.recipe-search .search-bar-widget ::-moz-placeholder { color: #ffffff;
}
.recipe-search .search-bar-widget :-ms-input-placeholder {
color: #ffffff;
}
.recipe-search .search-bar-widget ::-webkit-input-placeholder {
font-family: 'Lora', serif;
font-style: italic;
}
.recipe-search .search-bar-widget :-moz-placeholder { font-family: 'Lora', serif;
font-style: italic;
}
.recipe-search .search-bar-widget ::-moz-placeholder { font-family: 'Lora', serif;
font-style: italic;
}
.recipe-search .search-bar-widget :-ms-input-placeholder {
font-family: 'Lora', serif;
font-style: italic;
}
.recipe-search .search-bar-widget input[type=search] {
background-color: #000000;
color: #ffffff;
border-color: #000000;
font-family: 'Lora', serif;
font-style: italic;
}
.recipe-search .search-bar-widget button {
color: #ffffff;
}
.recipe-search .category-list {
padding: 9px;
background: #6ebe3b;
}
.recipe-search .category-list ul {
display: block;
border: 1px solid #64ad36;
margin: 0;
}
.recipe-search .category-list ul li {
margin: 0;
border-bottom: 1px solid #64ad36;
min-height: 59px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 18px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.recipe-search .category-list ul li a {
font-family: 'Lora', serif;
font-style: italic;
font-size: 16px;
text-transform: capitalize;
color: #33571c;
}
.recipe-search .category-list ul li:last-child {
border-bottom: none;
}
.recipe-search .category-list ul li:hover a {
color: #ffffff;
}
.recipe-search .category-list ul li:hover .icon-svg {
fill: #ffffff;
}
.recipe-search .icon-svg {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
fill: #4C8924;
}
.side-bar-home .widget h2:after {
background: #6ebe3b;
}
.widget-get-social ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.widget-get-social ul li {
display: block;
background: #000000;
width: 81px;
}
.widget-get-social ul li a {
display: block !important;
padding-top: 15px;
padding-bottom: 15px;
min-height: 106px;
}
.widget-get-social ul li a:hover {
opacity: 0.8;
}
.widget-get-social ul li i {
font-size: 24px;
margin-bottom: 10px;
}
.widget-get-social ul li i,
.widget-get-social ul li span {
display: block;
color: #ffffff;
}
.widget-get-social ul li .count {
font-family: 'Lato', sans-serif;
font-weight: 700;
}
.widget-get-social ul li .count-type {
opacity: 0.7;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
.widget-get-social ul li:last-child {
margin-bottom: 10px !important;
}
.widget-get-social ul .facebook {
background: #3b5998;
}
.widget-get-social ul .twitter {
background: #33bcf3;
}
.widget-overlay figure,
.widget_weekly_special_widget figure {
position: relative;
display: inline-block;
overflow: hidden;
}
.widget-overlay figure img,
.widget_weekly_special_widget figure img {
width: 100%;
height: auto;
}
.widget-overlay figure:hover figcaption,
.widget_weekly_special_widget figure:hover figcaption {
background: #000000;
}
.widget-overlay .red,
.widget_weekly_special_widget .red {
color: red;
}
.widget-overlay figcaption,
.widget_weekly_special_widget figcaption {
position: absolute;
bottom: 0;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
background: rgba(0, 0, 0, 0.8);
color: #ffffff;
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
text-align: center;
padding-top: 13px;
padding-bottom: 13px;
width: 100%;
}  .footer.footer-variant-two .twitter-widget .link {
color: #6ebe3b;
}
.footer .widget {
margin-top: 48px;
margin-bottom: 30px;
}
.footer .widget h2 {
font-size: 21px;
color: #ffffff;
font-weight: 400;
margin-top: 0;
margin-bottom: 30px;
}
.footer .widget a {
color: #ffffff;
}
.footer .widget p,
.footer .widget span {
color: #8b8b8a;
opacity: 1;
}
.footer .widget ul {
padding-top: 5px;
}
.footer .widget.social-icons ul {
overflow: hidden;
margin-top: -4px;
padding: 0;
}
.footer .widget.social-icons ul li {
display: inline-block;
margin-right: 12px;
margin-bottom: 12px;
}
.footer .widget.social-icons ul li a {
display: inline-block;
height: 47px;
width: 47px;
line-height: 47px;
border-radius: 50%;
border: 1px solid #bbbbbb;
text-align: center;
font-size: 18px;
color: #bbbbbb;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.footer .widget.social-icons ul li a:hover {
border-color: #ffffff;
color: #ffffff;
}
.footer .widget_wp_email_capture_widget_class form {
position: relative;
}
.footer .widget_wp_email_capture_widget_class form label {
display: none;
}
.footer .widget_wp_email_capture_widget_class form .wp-email-capture-name-input {
display: none;
}
.footer .widget_wp_email_capture_widget_class form ::-webkit-input-placeholder {
color: #736e6b;
}
.footer .widget_wp_email_capture_widget_class form :-moz-placeholder { color: #736e6b;
}
.footer .widget_wp_email_capture_widget_class form ::-moz-placeholder { color: #736e6b;
}
.footer .widget_wp_email_capture_widget_class form :-ms-input-placeholder {
color: #736e6b;
}
.footer .widget_wp_email_capture_widget_class input[type="text"] {
width: 100%;
height: 40px;
background: transparent;
border: 1px solid #bbbbbb;
padding-left: 15px;
padding-right: 40px;
font-size: 16px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
color: #cccccc;
outline: none;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.footer .widget_wp_email_capture_widget_class input[type="text"]:focus {
border-color: #ffffff;
color: #bbbbbb;
}
.footer .widget_wp_email_capture_widget_class .wp-email-capture-submit-wrap {
display: inline-block;
position: absolute;
right: 0;
top: 1px;
line-height: 38px;
padding-right: 15px;
border: none;
background-color: transparent;
color: #bbbbbb;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
z-index: 1200;
}
.footer .widget_wp_email_capture_widget_class .wp-email-capture-submit-wrap:hover {
color: #ffffff;
}
.footer .widget_wp_email_capture_widget_class .wp-email-capture-submit-wrap input {
display: inline-block;
width: 25px;
height: 25px;
background: transparent;
font-size: 0;
text-indent: -9999px;
position: absolute;
top: 6px;
right: 9px;
border: none;
text-decoration: none;
outline: none;
z-index: 1250;
}
.footer .widget_wp_email_capture_widget_class br {
display: none;
}
.footer .widget_wp_email_capture_widget_class .wp-email-capture-error {
position: absolute;
bottom: -29px;
background: none;
color: red;
left: 12px;
}
.footer .widget_recent_posts_widget li {
border: none;
padding-bottom: 25px;
}
.footer .tagcloud a {
color: #000000;
}    .food-tabs {
background: #f2eeec;
padding-top: 80px;
padding-bottom: 80px;
}
.food-tabs.var1 {
background: transparent;
padding-top: 0;
}
.recipe-of-day {
width: 100%;
position: relative;
overflow: hidden;
}
.recipe-of-day h2 a:hover {
color: #6ebe3b;
}
.recipe-of-day .recipe-contents-outer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.recipe-of-day .recipe-contents {
background: #ffffff;
max-width: 285px;
padding: 10px;
margin-left: 8%;
margin-right: 8%;
}
.recipe-of-day .recipe-contents .tag {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
color: #ffffff;
background: #6ebe3b;
display: inline-block;
padding: 6px 13px;
}
.recipe-of-day .recipe-contents h2 {
font-family: 'Lato', sans-serif;
font-weight: 900;
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
text-transform: uppercase;
font-style: normal;
line-height: 30px;
}
.recipe-of-day .recipe-contents h2:after {
display: none;
}
.recipe-of-day .recipe-contents .short-separator {
margin-bottom: 20px;
}
.recipe-of-day .recipe-contents p {
font-family: 'Karla', sans-serif;
}
.recipe-of-day .recipe-content-inner {
padding: 25px 20px;
border: 1px solid #e4d9d1;
}
.recipe-of-day .recipe-content-inner p,
.recipe-of-day .recipe-content-inner .read-more {
color: #000000;
}
.recipe-of-day .recipe-content-inner .read-more:hover {
color: #c1452b;
}
.read-more {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
text-transform: capitalize;
}
.read-more:hover {
color: #c1452b;
}  .tabs-bordered .tab-container {
width: 100%;
}
.tabs-bordered .tabs-nav {
border: 1px solid #e6e0dd;
border-bottom: none;
}
.tabs-bordered .tab-container {
border: 1px solid #e6e0dd;
border-top: none;
}
.tab-container {
border: 1px solid #ffffff;
border-top: none;
}
.tab-container .icon-container {
width: 20px;
}
.tab-container .icon-svg {
fill: #6ebe3b;
}
.tab-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 0;
margin-left: -1px;
margin-right: -1px;
padding-left: 0;
}
.tab-container ul li {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
cursor: pointer;
display: inline-block;
width: 33.33%;
background: #e6e0dd;
border-right: 1px solid #f2eeec;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}
.tab-container ul li a {
display: inline-block;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 400;
color: #736a65;
border-bottom: 3px solid transparent;
padding-top: 5px;
padding-bottom: 5px;
}
.tab-container ul li:last-child {
border-right: 0;
}
.tab-container ul li.active,
.tab-container ul li:hover {
background: #ffffff;
}
.tab-container ul li.active a,
.tab-container ul li:hover a {
font-family: 'Lato', sans-serif;
font-weight: 900;
color: #000000;
border-color: #6ebe3b;
}
.custom-row-food-tabs,
.custom-col-food-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.custom-col-food-tabs {
display: block;
}
.custom-col-food-tabs select,
.custom-col-food-tabs img {
max-width: 100%;
}
.tab-container {
background: #ffffff;
}
.tabs-container .tab-content {
padding: 24px 25px;
}
.tabs-container .content-inner {
padding-top: 22px;
padding-bottom: 22px;
border-bottom: 1px solid #f5f2f0;
}
.tabs-container .content-inner:last-of-type {
border-bottom-color: transparent;
}
.tabs-container .left-side {
float: left;
}
.tabs-container .left-side img {
max-width: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.tabs-container .left-side img:hover {
opacity: 0.8;
}
.tabs-container .right-side {
overflow: hidden;
padding-left: 19px;
}
.tabs-container .right-side h3 {
line-height: 21px;
margin-top: 0;
font-size: 14px;
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-style: normal;
margin-bottom: 2px;
}
.tabs-container .right-side h3 a:hover {
color: #c1452b;
}
.tabs-container .right-side .rating-box {
padding: 0;
}
.container-food-tabs {
position: relative;
z-index: 2;
}
.bg-corner-tabs {
right: -282px;
bottom: -73px;
}    .recipes-home-body {
background: #f8f6f5;
padding-top: 85px;
padding-bottom: 85px;
}
.recipes-home-body .recipe-of-day {
margin-bottom: 40px;
}
.recipes-home-body .recipe-of-day img {
width: 100%;
}
.recipes-home-body .banner-header {
margin-bottom: 30px;
}
.recipes-home-body .banner-header img {
max-width: 100%;
}
.recipe-set {
overflow: hidden;
}
.recipe-set .single-recipe-title {
margin-top: 0;
margin-bottom: 30px;
font-size: 24px;
position: relative;
}
.recipe-set .single-recipe-title:after {
content: "";
display: inline-block;
width: 100%;
height: 1px;
position: absolute;
background: #e7e3e1;
margin-left: 20px;
margin-top: 15px;
}
.boxed-recipes {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.boxed-recipes .recipe-single {
width: 31%;
margin-bottom: 30px;
}
.boxed-recipes .recipe-single:hover .recipe-image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.boxed-recipes .recipe-image {
overflow: hidden;
}
.boxed-recipes .recipe-image img {
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
width: 100%;
height: auto;
}
.boxed-recipes .outer-detail {
background: #ffffff;
padding: 10px;
}
.boxed-recipes .outer-detail .rating-box {
padding: 10px 0;
}
.boxed-recipes .outer-detail .icon-container {
width: 20px;
}
.boxed-recipes .outer-detail .post-meta {
margin-bottom: 0;
padding: 10px 0;
}
.boxed-recipes .outer-detail .post-meta li {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 13px;
color: #000000;
}
.boxed-recipes .outer-detail .read-more {
color: #000000;
margin: 10px  0;
font-size: 14px;
}
.boxed-recipes .detail {
border: 1px solid #e4d9d1;
padding: 20px 18px;
}
.boxed-recipes .detail h3 {
margin-top: 0;
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 16px;
text-transform: uppercase;
font-style: normal;
line-height: 30px;
}
.boxed-recipes .detail .short-separator {
margin-bottom: 10px;
}
.boxed-recipes .detail a {
display: inline-block;
}
.boxed-recipes .detail a:hover {
color: #c1452b;
}    .advance-search {
border-bottom: 1px solid #e4d9d1;
}
.advance-search.open .wrapper-search .tag-inner {
background: #c1452b;
}
.advance-search.open .wrapper-search .tag-inner:before {
background: #c1452b;
}
.advance-search.open .wrapper-search .tag-inner i {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.advance-search.search-main .outer-advance-search {
display: block;
}
.advance-search button {
width: 42px;
height: 38px;
line-height: 34px;
text-align: center;
color: #ffffff;
background-color: #6ebe3b;
border: none;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.advance-search button:hover {
background-color: #000000;
}
.advance-search label {
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #000000;
text-transform: capitalize;
font-size: 14px;
}
.advance-search .selectric {
background: #ffffff;
height: 38px;
border-color: #e4d9d1;
}
.advance-search .selectric p {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
color: #000000;
font-size: 14px;
}
.advance-search .selectric .button {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.advance-search .selectric .button:before {
content: "\f107";
webkit-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: -23px;
right: 9px;
bottom: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: none;
}
.advance-search .selectric .button:after {
display: none;
border: none;
}
.advance-search .selectric-items {
background-color: #ffffff;
}
.advance-search .selectric-items .selectric-scroll {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.advance-search .selectric-items .selectric-scroll ul li {
color: #333333;
border-top: none;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.advance-search .selectric-items .selectric-scroll ul li.selected,
.advance-search .selectric-items .selectric-scroll ul li:hover {
background-color: #6ebe3b;
color: #ffffff;
}
.outer-advance-search {
padding: 22px 0;
display: none;
}
.wrapper-search {
position: relative;
}
.wrapper-search .container-tags {
position: absolute;
top: -46px;
z-index: auto;
}
.wrapper-search .tag-inner {
cursor: pointer;
font-weight: 400;
background: #000000;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.wrapper-search .tag-inner:before {
background: #000000;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.wrapper-search .tag-inner:hover {
background: #c1452b;
}
.wrapper-search .tag-inner:hover:before {
background: #c1452b;
}
.wrapper-search .tag-inner i {
font-size: 16px;
margin-left: 5px;
margin-top: 0;
font-weight: 700;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition: 0.5s all ease-in-out;
-o-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
display: inline-block;
vertical-align: middle;
}
.inner-advance-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.inner-advance-search .form-field {
margin-right: 15px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.inner-advance-search .form-field input {
width: 100%;
height: 38px;
}    .recipes-home-body.inner-page {
padding-top: 60px;
}
.contact-container {
background: #ffffff;
padding: 30px;
}
.contact-container h3 {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 16px;
color: #514b49;
margin-bottom: 40px;
position: relative;
}
.contact-container h3:after {
content: "";
display: inline-block;
width: 48px;
height: 3px;
background: #5eaa2e;
position: absolute;
left: 0;
bottom: -20px;
}
.contact-container p {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 15px;
padding-left: 0;
color: #514b49;
}
#contact-form {
padding-right: 35px;
}
#contact-form ::-webkit-input-placeholder {
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
#contact-form :-moz-placeholder { font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
#contact-form ::-moz-placeholder { font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
#contact-form :-ms-input-placeholder {
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
#contact-form input,
#contact-form textarea {
width: 100%;
margin-bottom: 29px;
border: 1px solid #e4d9d1;
outline: none;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
}
#contact-form input:focus,
#contact-form textarea:focus {
border-color: #c1452b;
}
#contact-form .required::-webkit-input-placeholder:after {
content: "*";
color: #e60000;
}
#contact-form .required::-moz-placeholder:after {
content: "*";
color: #e60000;
}
#contact-form .required:-ms-input-placeholder:after {
content: "*";
color: #e60000;
}
#contact-form .requiredinput:-moz-placeholder:after {
content: "*";
color: #e60000;
}
#contact-form input {
height: 40px;
}
#contact-form textarea {
padding-top: 15px;
padding-bottom: 15px;
height: 90px;
resize: none;
}
#contact-form input[type="submit"] {
width: auto;
background: #6ebe3b;
color: #ffffff;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
outline: none;
border: none;
padding: 9px 38px;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
#contact-form input[type="submit"]:hover {
background: #000000;
}
#contact-form .error {
border-color: #c1452b;
}
#map_canvas {
height: 368px;
}
#error-container {
margin-top: 20px;
}
#error-container .error {
display: block;
color: #c1452b;
font-family: 'Lato', sans-serif;
font-size: 14px;
text-transform: capitalize;
}
#contact-loader {
display: none;
vertical-align: -7px;
margin-left: 5px;
}
#message-sent {
margin-top: 20px;
display: block;
color: #6ebe3b;
font-family: 'Lato', sans-serif;
font-size: 14px;
text-transform: capitalize;
}
.contacts-icon-container {
fill: red;
}   .inspiry-contact-form-wrapper .wpcf7-form {
padding-right: 35px;
}
.inspiry-contact-form-wrapper .wpcf7-form ::-webkit-input-placeholder {
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
.inspiry-contact-form-wrapper .wpcf7-form :-moz-placeholder { font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
.inspiry-contact-form-wrapper .wpcf7-form ::-moz-placeholder { font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
.inspiry-contact-form-wrapper .wpcf7-form :-ms-input-placeholder {
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #514b49;
}
.inspiry-contact-form-wrapper .wpcf7-form input[type="text"],
.inspiry-contact-form-wrapper .wpcf7-form input[type="email"],
.inspiry-contact-form-wrapper .wpcf7-form input[type="url"],
.inspiry-contact-form-wrapper .wpcf7-form input[type="tel"],
.inspiry-contact-form-wrapper .wpcf7-form input[type="date"],
.inspiry-contact-form-wrapper .wpcf7-form input[type="range"],
.inspiry-contact-form-wrapper .wpcf7-form textarea,
.inspiry-contact-form-wrapper .wpcf7-form select {
width: 100%;
margin-bottom: 29px;
border: 1px solid #e4d9d1;
outline: none;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
}
.inspiry-contact-form-wrapper .wpcf7-form input[type="text"]:focus,
.inspiry-contact-form-wrapper .wpcf7-form input[type="email"]:focus,
.inspiry-contact-form-wrapper .wpcf7-form input[type="url"]:focus,
.inspiry-contact-form-wrapper .wpcf7-form input[type="tel"]:focus,
.inspiry-contact-form-wrapper .wpcf7-form input[type="date"]:focus,
.inspiry-contact-form-wrapper .wpcf7-form input[type="range"]:focus,
.inspiry-contact-form-wrapper .wpcf7-form textarea:focus,
.inspiry-contact-form-wrapper .wpcf7-form select:focus {
border-color: #c1452b;
}
.inspiry-contact-form-wrapper .wpcf7-form input,
.inspiry-contact-form-wrapper .wpcf7-form select {
height: 40px;
}
.inspiry-contact-form-wrapper .wpcf7-form .wpcf7-radio,
.inspiry-contact-form-wrapper .wpcf7-form .wpcf7-checkbox {
display: inline-block;
margin-bottom: 29px;
}
.inspiry-contact-form-wrapper .wpcf7-form .wpcf7-radio span,
.inspiry-contact-form-wrapper .wpcf7-form .wpcf7-checkbox span {
margin: 0 5px;
}
.inspiry-contact-form-wrapper .wpcf7-form .wpcf7-radio span .wpcf7-list-item-label,
.inspiry-contact-form-wrapper .wpcf7-form .wpcf7-checkbox span .wpcf7-list-item-label {
display: inline-block;
position: relative;
top: 2px;
padding-left: 5px;
}
.inspiry-contact-form-wrapper .wpcf7-form input[type="radio"],
.inspiry-contact-form-wrapper .wpcf7-form input[type="checkbox"] {
vertical-align: middle;
}
.inspiry-contact-form-wrapper .wpcf7-form input[type="submit"] {
width: auto;
height: 44px;
background: #6ebe3b;
color: #ffffff;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
outline: none;
border: none;
padding: 9px 38px;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.inspiry-contact-form-wrapper .wpcf7-form input[type="submit"]:hover {
background: #000000;
}
.inspiry-contact-form-wrapper .wpcf7-form .wpcf7-not-valid {
border-color: #c1452b;
}
.inspiry-contact-form-wrapper .wpcf7-form .wpcf7-not-valid-tip {
display: block;
margin-top: -15px;
}     .recipe-set .single-recipe-detail h2,
.recipe-set .single-recipe-detail .single-recipe-title {
margin-top: 5px;
margin-bottom: 10px;
}
.recipe-set .single-recipe-detail .custom-arrows.wider {
opacity: 0;
width: 100%;
left: 0;
margin-top: -65px;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.recipe-set .single-recipe-detail .custom-arrows.wider span {
position: absolute;
display: block !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.recipe-set .single-recipe-detail .custom-arrows.wider span.left-arrow {
left: 0;
}
.recipe-set .single-recipe-detail .custom-arrows.wider span.right-arrow {
right: 0;
}
.recipe-set .single-recipe-detail .top-slider:hover .custom-arrows {
opacity: 1;
}
.recipe-set .single-recipe-detail #recipe-slider-carousel {
position: absolute;
left: 0;
bottom: 0;
z-index: 500;
height: 102px;
width: 100%;
padding: 24px 50px;
background-color: rgba(0, 0, 0, 0.8);
}
.recipe-set .single-recipe-detail #recipe-slider-carousel .custom-arrows {
opacity: 0;
width: 100%;
left: 0;
top: 22px;
margin-top: 0;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.recipe-set .single-recipe-detail #recipe-slider-carousel .custom-arrows span {
position: absolute;
display: block !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none;
}
.recipe-set .single-recipe-detail #recipe-slider-carousel .custom-arrows span.left-arrow {
left: 5px;
}
.recipe-set .single-recipe-detail #recipe-slider-carousel .custom-arrows span.right-arrow {
right: 5px;
}
.recipe-set .single-recipe-detail #recipe-slider-carousel:hover .custom-arrows {
opacity: 1;
}
.recipe-set .single-recipe-detail #recipe-slider-carousel ul li {
opacity: 0.8;
margin-right: 19px;
}
.recipe-set .single-recipe-detail #recipe-slider-carousel ul li.flex-active-slide {
opacity: 1;
}
.recipe-set .single-recipe-detail .save-recipe-cat-dropdown {
z-index: 999;
top: 28px;
left: 31px;
}
.recipe-set .rating-box {
width: auto;
padding: 0;
float: left;
position: relative;
}
.recipe-set .rating-box .off svg path {
fill: #e4d9d1;
}
.recipe-set .rating-box .rate-recipe {
display: inline-block;
padding-top: 5px;
color: #6ebe3b;
margin: 0 0 0 20px;
cursor: pointer;
position: relative;
font-size: 11px;
}
.recipe-set .rating-box .rate-body {
opacity: 0;
background-color: #f8f6f5;
padding: 3px 0 0;
width: 220px;
height: 40px;
position: absolute;
top: -6px;
left: -50px;
z-index: 9999;
cursor: pointer;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.recipe-set .rating-box .rate-body form {
padding: 5px;
}
.recipe-set .rating-box .rate-body form .rating-icons > span:active svg path {
fill: #65ae36;
}
.recipe-set .rating-box .rate-body form svg {
width: 28px;
}
.recipe-set .rating-box .rate-body form svg g path {
fill: #65ae36;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.recipe-set .rating-box .rate-body form .off svg g path {
fill: #e4d9d1;
}
.recipe-set .rating-box .rate-body #rating-loader {
display: none;
margin: 5px 0 0 50px;
max-width: 20px;
}
.recipe-set .rating-box .rate-body #output {
display: none;
line-height: 40px;
text-indent: 0px;
color: #65ae36;
}
.recipe-set .rating-box:hover .rate-body {
opacity: 1;
left: 0;
}
.recipe-set .single-recipe-shortcode .recipe-detail-body {
padding: 0;
}
.recipe-set .single-recipe-shortcode .recipe-detail-body .ingredients-checkbox {
margin-top: 30px;
}
.recipe-set .single-recipe-shortcode .recipe-detail-body .ingredients-checkbox ul li {
border-bottom: 1px solid #e4d9d1;
margin-bottom: 0;
padding: 5px 10px;
}
.wrapper-detail-contents h3 {
font-size: 18px;
margin-bottom: 20px;
}
.wrapper-detail-contents h3.lined {
margin-bottom: 30px;
padding: 2px 0;
}
.wrapper-detail-contents h3.lined:after {
margin-top: 10px;
}
.wrapper-recipe-heading {
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.wrapper-recipe-heading .heading {
width: 76%;
}
.wrapper-recipe-heading .recipe-media {
overflow: hidden;
width: 20%;
position: relative;
z-index: 66;
}
.wrapper-recipe-heading .watch-video {
display: block;
padding: 0;
text-align: center;
}
.wrapper-recipe-heading .rating-box .icon-container {
width: 20px;
vertical-align: top;
}
.wrapper-recipe-heading .rating-box .icon-svg {
fill: #6ebe3b;
}
.slider-recipe-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.slider-recipe-detail .wrapper-slider-detail {
width: 80%;
position: relative;
}
.slider-recipe-detail .wrapper-slider-detail .flexslider {
border: none;
margin-bottom: 0;
}
.slider-recipe-detail .wrapper-slider-detail .wrapper-slider-nav {
position: relative;
}
.slider-recipe-detail .wrapper-slider-detail .wrapper-slider-nav .slider-nav li {
margin-right: 15px;
}
.slider-recipe-detail .wrapper-slider-detail .wrapper-slider-nav .slider-nav .flex-direction-nav {
position: absolute;
}
.slider-recipe-detail .save-recipe-btn {
position: absolute;
display: block;
top: 0;
left: 0;
height: 28px;
line-height: 13px;
color: #ffffff;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.4);
opacity: 1;
padding: 8px 6px 0 2px;
z-index: 99;
}
.slider-recipe-detail .save-recipe-btn .text {
width: 0;
height: 17px;
text-indent: 5px;
display: inline-block;
overflow: hidden;
font-size: 13px;
white-space: nowrap;
-webkit-transition: all 150ms linear;
-o-transition: all 150ms linear;
transition: all 150ms linear;
color: #ffffff;
}
.slider-recipe-detail .save-recipe-btn i {
font-size: 20px;
top: -4px;
left: 1px;
margin-right: 2px;
position: relative;
}
.slider-recipe-detail .save-recipe-btn:hover {
color: #ffffff;
opacity: 1;
}
.slider-recipe-detail .save-recipe-btn:hover .text {
width: 95px;
}
.slider-recipe-detail .save-recipe-btn:hover.remove-recipe .text {
width: 105px;
}
.slider-recipe-detail .recipe-specs {
margin-bottom: 0;
width: 20%;
background: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 11px;
}
.slider-recipe-detail .recipe-specs li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border: 1px solid #e4d9d1;
border-bottom: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #000000;
}
.slider-recipe-detail .recipe-specs li:last-child {
border: 1px solid #e4d9d1;
}
.slider-recipe-detail .recipe-specs li span {
display: inline-block;
}
.slider-recipe-detail .recipe-specs li .count {
font-family: 'Lora', serif;
font-weight: 700;
font-size: 24px;
}
.slider-recipe-detail .recipe-specs li .count span {
font-weight: 400;
font-size: 21px;
}
.slider-recipe-detail .recipe-specs li.servings {
position: relative;
}
.slider-recipe-detail .recipe-specs li.servings .increase,
.slider-recipe-detail .recipe-specs li.servings .decrease {
position: absolute;
top: 50%;
margin-top: -13px;
left: 10px;
font-size: 26px;
opacity: 0;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
cursor: pointer;
}
.slider-recipe-detail .recipe-specs li.servings .increase {
left: auto;
right: 10px;
}
.slider-recipe-detail .recipe-specs li.servings:hover .increase,
.slider-recipe-detail .recipe-specs li.servings:hover .decrease {
opacity: 1;
}
.slider-recipe-detail .recipe-specs li .text {
font-family: 'Lato', sans-serif;
}
.wrapper-slider-nav {
position: relative;
z-index: 999;
margin: 0;
padding: 14px 59px;
background: rgba(0, 0, 0, 0.83);
}
.wrapper-slider-nav .slider-nav .slick-slide {
padding: 15px;
}
.single-recipe-detail {
margin-bottom: 30px;
}
.recipe-detail-body {
margin-bottom: 60px;
overflow: hidden;
background: #ffffff;
padding: 25px 40px;
color: #000000;
}
.recipe-detail-body .print-button {
float: right;
margin-bottom: 10px;
}
.recipe-detail-body p {
font-family: 'Lato', sans-serif;
font-size: 15px;
line-height: 26px;
}
.recipe-detail-body .separator-post {
margin-bottom: 26px;
}
.recipe-detail-body .rating-box {
display: inline-block;
padding: 0;
float: right;
width: auto;
}
.recipe-detail-body .rating-box .icon-container {
width: 20px;
}
.recipe-detail-body .rating-box .icon-svg {
fill: #6ebe3b;
}
.recipe-detail-body p {
word-wrap: break-word;
}
.recipe-detail-body blockquote,
.recipe-detail-body blockquote.wp-block-quote {
font-style: italic;
line-height: 24px;
font-size: 16px;
color: #3a3a3a;
border-left: 5px solid #6ebe3b !important;
}
.recipe-detail-body .wp-block-table tr {
padding: 6px 12px;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.42857143;
}
.recipe-detail-body .wp-block-table tr:first-of-type,
.recipe-detail-body .wp-block-table tr td:first-child {
color: #ffffff !important;
background-color: #6ebe3b !important;
font-weight: 700;
}
.recipe-detail-body .wp-block-table.is-style-stripes tr:nth-child(odd) {
background-color: #e9e9e9;
}
.pre-tags {
display: inline-block;
padding-left: 0;
min-height: 26px;
}
.pre-tags li {
display: inline-block;
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 16px;
margin-right: 30px;
}
.pre-tags span {
font-weight: 400;
}
.print-button {
display: inline-block;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 16px;
}
.print-button i {
margin-right: 5px;
}
.print-button:hover {
color: #c1452b;
}
.ingredients-checkbox {
margin-bottom: 52px;
border: 1px solid #e4d9d1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ingredients-checkbox > div {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.ingredients-checkbox .ingredients {
padding: 0 10px 0 25px;
width: 58%;
background: url(//www.ricettemagiche.it/wp-content/themes/inspiry-recipe-press/images/bg-ingredients.png) no-repeat right bottom;
}
.ingredients-checkbox .ingredients .print-only-titles {
display: none;
}
.ingredients-checkbox .ingredients ul {
list-style: none;
padding: 0 15px 0 0;
margin: 0;
}
.ingredients-checkbox .ingredients ul li {
position: relative;
margin-bottom: 10px;
padding-left: 24px;
}
.ingredients-checkbox .ingredients ul li .shop-list-add {
position: absolute;
right: -10px;
top: 3px;
width: 17px;
height: 17px;
background-color: #ffffff;
border: 1px solid #000000;
line-height: 13px;
text-align: center;
color: #000000;
cursor: pointer;
opacity: 0.6;
overflow: hidden;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.ingredients-checkbox .ingredients ul li .shop-list-add .text {
display: none;
font-size: 10px;
line-height: 15px;
}
.ingredients-checkbox .ingredients ul li .shop-list-add:hover {
width: 120px;
right: -15px;
opacity: 1;
background-color: #000000;
color: #ffffff;
}
.ingredients-checkbox .ingredients ul li .shop-list-add:hover .text {
display: inline-block;
}
.ingredients-checkbox .ingredients label {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 15px;
vertical-align: middle;
cursor: pointer;
position: static;
margin: 0 0 5px;
line-height: 26px;
max-width: 95%;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.ingredients-checkbox .ingredients input[type=checkbox] {
height: 14px;
cursor: pointer;
position: absolute;
top: 1px;
left: 0;
font-size: inherit;
line-height: normal;
border: none;
}
.ingredients-checkbox .ingredients input[type=checkbox]:before {
display: inline-block;
content: "";
background: #c8b8ad;
border-radius: 3px;
width: 15px;
height: 15px;
}
.ingredients-checkbox .ingredients input[type=checkbox]:checked:before {
content: "\f14a";
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
background: #ffffff;
color: #000000;
font-size: 18px;
margin-top: -2px;
}
.ingredients-checkbox .nutritional {
background: url(//www.ricettemagiche.it/wp-content/themes/inspiry-recipe-press/images/bg-nutritional.png) right top no-repeat #f6f2 e;
padding: 0 25px;
width: 42%;
}
.ingredients-checkbox .nutritional .separator-post {
margin-bottom: 10px;
}
.ingredients-checkbox .no-heading {
padding: 25px 25px 0;
}
.ingredients-checkbox .multi-set .ingre-tabs {
margin: 0 0 10px -10px;
padding: 0;
overflow: hidden;
}
.ingredients-checkbox .multi-set .ingre-tabs li {
padding: 4px 17px;
margin: 0 0 10px 10px;
float: left;
background-color: #ffffff;
border: 1px solid #e7e3e1;
font-size: 14px;
font-family: 'Karla', sans-serif;
text-transform: capitalize;
line-height: 20px;
cursor: pointer;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.ingredients-checkbox .multi-set .ingre-tabs li:hover,
.ingredients-checkbox .multi-set .ingre-tabs li.active {
background: #6ebe3b;
border-color: #6ebe3b;
color: #ffffff;
}
.ingredients-checkbox .ingre-lists > div {
display: none;
}
.ingredients-checkbox .ingre-lists > div:first-child {
display: block;
}
.nutrition-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 1px solid #e4d9d1;
padding-top: 10px;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
.nutrition-detail:first-of-type {
border: none;
padding-top: 0;
}
.nutrition-detail span {
font-weight: 700;
}
.nutrition-detail div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 10px;
}
.steps-list {
padding-left: 0;
}
.steps-list li {
clear: both;
margin-bottom: 35px;
list-style: none;
}
.steps-list .step-single {
overflow: hidden;
}
.steps-list .step-image {
float: left;
margin-right: 30px;
width: 30%;
margin-bottom: 10px;
}
.steps-list .step-image img {
max-width: 100%;
}
.steps-list .step-detail {
overflow: hidden;
}
.steps-list .step-detail h3 {
margin-top: 5px;
}
.tips-variations {
border: 1px solid #c9d6bf;
background: url(//www.ricettemagiche.it/wp-content/themes/inspiry-recipe-press/images/bg-tips.png) right bottom no-repeat #eff9e8;
padding: 32px;
margin-bottom: 44px;
}
.tips-variations h3 {
margin-top: 0;
}
.tips-variations ul {
list-style: none;
padding: 0;
}
.tips-variations ul li {
padding-left: 25px;
position: relative;
margin-bottom: 25px;
}
.tips-variations ul li:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
content: "\f00c";
display: inline-block;
font-size: 15px;
position: absolute;
left: 0;
line-height: 26px;
}
.about-chef .listing {
background-color: #ffffff;
}
.tags-icons span {
font-size: 16px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.tags-icons ul {
display: inline-block;
margin-bottom: 0;
}
.tags-icons ul li {
display: inline-block;
margin-bottom: 8px;
}
.tags-icons ul li a {
display: inline-block;
}
.tags-icons .details-tags .title {
font-size: 16px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.tags-icons .details-tags li {
margin-right: 5px;
}
.tags-icons .details-tags a {
padding: 4px 10px;
border: 1px solid #e4d9d1;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
.tags-icons .details-tags a:hover {
background: #000000;
color: #ffffff;
border-color: #000000;
}
.tags-icons .details-tags .rp_icon_class {
display: block;
}
.tags-icons .details-social-icons {
text-align: right;
margin-top: 7px;
}
.tags-icons .details-social-icons ul:before {
content: "Share : ";
font-size: 16px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
}
.tags-icons .details-social-icons li {
margin-left: 12px;
}
.tags-icons .details-social-icons a {
color: #736e6b;
}
.tags-icons .details-social-icons a:hover {
color: #000000;
}
.tags-icons ul.cnss-social-icon {
float: right;
}
.recipe-comments {
margin-bottom: 60px;
overflow: hidden;
}
.recipe-comments ul li {
clear: both;
margin-bottom: 28px;
margin-top: 28px;
background: transparent;
}
.recipe-comments ul li ul {
margin-left: 107px;
}
.recipe-comments h5 {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 18px;
margin-bottom: 10px;
display: inline-block;
margin-right: 5px;
}
.recipe-comments h5 a:hover {
color: #c1452b;
}
.recipe-comments .time {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 12px;
color: #aaa6a5;
}
.recipe-comments .avatar-container {
float: left;
}
.recipe-comments .comment-details {
background-color: #ffffff;
overflow: hidden;
padding: 10px 25px;
}
.recipe-comments .comment-details p {
color: #7e7e7e;
line-height: 23px;
padding-right: 90px;
margin-bottom: 0;
}
.recipe-comments .comment-details .comment-reply-link {
float: right;
font-weight: normal;
text-transform: none;
font-family: 'Lora', serif;
font-style: italic;
}
.recipe-comments .comment-details .comment-reply-link:hover {
color: #c1452b;
}
.recipe-comments .depth-3 .children {
margin-left: 0;
padding-left: 0;
}
.recipe-comments .depth-3 .avatar-container,
.recipe-comments .depth-3 .comment-details {
overflow: hidden;
margin-bottom: 25px;
}
.comment-form #respond h3 {
position: relative;
overflow: hidden;
height: 24px;
}
.comment-form #respond h3:after {
content: "";
display: inline-block;
width: 100%;
height: 1px;
position: absolute;
background: #e7e3e1;
margin-left: 20px;
margin-top: 15px;
}
.comment-form form {
background-color: #ffffff;
padding: 25px;
color: #000000;
}
.comment-form form ::-webkit-input-placeholder {
font-family: 'Lora', serif;
font-style: italic;
color: #000000;
font-size: 16px;
}
.comment-form form :-moz-placeholder { font-family: 'Lora', serif;
font-style: italic;
color: #000000;
font-size: 16px;
}
.comment-form form ::-moz-placeholder { font-family: 'Lora', serif;
font-style: italic;
color: #000000;
font-size: 16px;
}
.comment-form form :-ms-input-placeholder {
font-family: 'Lora', serif;
font-style: italic;
color: #000000;
font-size: 16px;
}
.comment-form input,
.comment-form textarea {
width: 100%;
border: none;
outline: none;
padding-left: 10px;
padding-right: 10px;
}
.comment-form input {
height: 50px;
background-color: #f8f6f5;
padding: 15px 20px;
}
.comment-form textarea {
margin-bottom: 40px;
display: block;
line-height: 28px;
overflow: hidden;
height: 170px;
resize: vertical;
padding: 15px 20px;
background-color: #f8f6f5;
}
.comment-form #submit {
height: 42px;
width: auto;
margin-top: 40px;
background: #6ebe3b;
font-family: 'Lora', serif;
font-size: 16px;
color: #ffffff;
padding: 0 35px;
border: none;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.comment-form #submit:hover {
background: #000000;
}  .wrapper-detail-contents.detail-2 .wrapper-recipe-heading .heading {
overflow: hidden;
width: 80%;
}
.wrapper-detail-contents.detail-2 .wrapper-recipe-heading .recipe-media {
text-align: center;
margin-top: 8px;
}
.wrapper-detail-contents.detail-2 .rating-box {
float: right;
}
.wrapper-detail-contents.detail-2 .rating-box > span {
margin-right: 3px;
}
.wrapper-detail-contents.detail-2 .rating-box .rate-recipe {
margin: 0 10px 0 0;
}
.wrapper-detail-contents.detail-2 .rating-box .rate-body {
background-color: #ffffff;
left: -80px;
top: -6px;
}
.wrapper-detail-contents.detail-2 .rating-box .rate-body form {
text-align: right;
}
.wrapper-detail-contents.detail-2 .rating-box:hover .rate-body {
left: -23px;
}
.wrapper-detail-contents .related-recipes .rating-box {
padding-left: 0;
padding-right: 0;
float: none;
}
.slider-detail2 img {
width: 100%;
}
.recipe-set .slider-recipe-detail2 {
position: relative;
}
.recipe-set .slider-recipe-detail2 .save-recipe-btn {
position: absolute;
display: block;
top: 0;
left: 0;
height: 28px;
line-height: 13px;
color: #ffffff;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.4);
opacity: 1;
padding: 8px 6px 0 2px;
z-index: 999;
}
.recipe-set .slider-recipe-detail2 .save-recipe-btn .text {
width: 0;
height: 17px;
text-indent: 5px;
display: inline-block;
overflow: hidden;
font-size: 13px;
white-space: nowrap;
-webkit-transition: all 150ms linear;
-o-transition: all 150ms linear;
transition: all 150ms linear;
color: #ffffff;
}
.recipe-set .slider-recipe-detail2 .save-recipe-btn i {
font-size: 20px;
top: -4px;
left: 1px;
margin-right: 2px;
position: relative;
}
.recipe-set .slider-recipe-detail2 .save-recipe-btn:hover {
color: #ffffff;
opacity: 1;
}
.recipe-set .slider-recipe-detail2 .save-recipe-btn:hover .text {
width: 95px;
}
.recipe-set .slider-recipe-detail2 .save-recipe-btn:hover.remove-recipe .text {
width: 105px;
}
.recipe-set .slider-recipe-detail2 .slider-video-button {
position: absolute;
right: 35px;
top: 35px;
display: inline-block;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 700;
font-size: 16px;
color: #ffffff;
background: #6ebe3b;
padding: 0 40px;
height: 40px;
line-height: 40px;
}
.recipe-set .slider-recipe-detail2 .slider-video-button:hover {
background: #000000;
}
.recipe-set .slider-recipe-detail2 .custom-arrows {
margin-top: -50px;
}
.recipe-set .slider-recipe-detail2:hover .custom-arrows {
opacity: 1 !important;
}
.recipe-specs-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #000000;
color: #ffffff;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
.recipe-specs-2 li {
min-width: 144px;
font-family: 'Lato', sans-serif;
font-weight: 400;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
border-right: 1px solid #2c2c2c;
border-bottom: 1px solid #2c2c2c;
padding: 16px 0;
font-size: 16px;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.recipe-specs-2 li:last-child {
border-right: none;
}
.recipe-specs-2 li span {
color: #aa9f9a;
}
.recipe-specs-2 li:hover {
background: #333333;
}
.steps-tabs .tab {
outline: none;
height: 40px;
text-align: center;
border-bottom: 1px solid #e4d9d1;
border-right: 1px solid #e4d9d1;
padding-top: 3px;
padding-bottom: 10px;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
color: #000000;
cursor: pointer;
}
.steps-tabs .slick-current {
color: #6ebe3b;
border-bottom: 3px solid #6ebe3b;
}
.buttons-steps {
display: inline-block;
border: 1px solid #e4d9d1;
width: 82px;
}
.buttons-steps span {
width: 40px;
height: 38px;
line-height: 36px;
text-align: center;
display: table-cell;
cursor: pointer;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.buttons-steps span:hover {
background: #f6f2ee;
}
.buttons-steps .prev-step {
border-right: 1px solid #e4d9d1;
}
.steps-detail .single-detail {
outline: none;
padding-top: 50px;
padding-bottom: 50px;
}
.steps-detail .single-detail p {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
.steps-detail .single-detail img {
max-width: 100%;
}
.recipe-steps .accordion dt {
background: none;
border: 1px solid #eeeeee;
position: relative;
padding-left: 50px;
font-size: 14px;
}
.recipe-steps .accordion dt .arrow {
position: absolute;
top: 13px;
left: 22px;
}
.recipe-steps .accordion dt .arrow i {
position: absolute;
top: 6px;
left: 0;
}
.recipe-steps .accordion dt .arrow i.stand {
-webkit-transition: transform 300ms ease-in-out;
-o-transition: transform 300ms ease-in-out;
-webkit-transition: -webkit-transform 300ms ease-in-out;
transition: -webkit-transform 300ms ease-in-out;
transition: transform 300ms ease-in-out;
transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.recipe-steps .accordion dt.current {
background: none;
color: #000000;
}
.recipe-steps .accordion dt.current .arrow .stand {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.boxed-recipes .icon-svg {
fill: #6ebe3b;
}
.about-chef .detail h4 {
padding-bottom: 12px !important;
margin-bottom: 15px;
}
.about-chef .detail .type {
display: inline-block;
text-transform: capitalize;
font-family: 'Montserrat', sans-serif;
color: #6ebe3b;
margin-bottom: 15px;
}    .shopping-list-wrap {
display: none;
position: fixed;
top: 92px;
right: 0;
z-index: 99999;
background-color: #fafafa;
padding: 5px;
opacity: 0.8;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.shopping-list-wrap ul {
width: 400px;
max-height: 200px;
overflow: scroll;
border: 1px solid #000000;
list-style: none;
padding: 0;
margin: 0;
}
.shopping-list-wrap ul li {
margin: 0;
padding-left: 25px;
font-size: 16px;
font-weight: normal;
line-height: 32px;
position: relative;
}
.shopping-list-wrap ul li:nth-child(2n) {
background-color: #f7f7f7;
}
.shopping-list-wrap ul li .removeit {
width: 15px;
height: 15px;
background-color: #000000;
color: #ffffff;
position: absolute;
top: 9px;
left: 5px;
opacity: 0;
font-size: 20px;
line-height: 12px;
font-weight: normal;
text-align: center;
cursor: pointer;
border-radius: 50%;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.shopping-list-wrap ul li .count {
font-weight: bold;
color: #c1452b;
}
.shopping-list-wrap ul li:hover .removeit {
opacity: 0.8;
}
.shopping-list-wrap h5 {
margin: 0 0 15px;
}
.shopping-list-wrap a.button {
position: absolute;
top: 0;
left: -40px;
font-size: 20px;
color: #000000;
background-color: #fafafa;
cursor: pointer;
padding: 5px;
}
.shopping-list-wrap a.button i {
border: 1px solid #000000;
padding: 5px;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.shopping-list-wrap a.button .label {
display: none;
}
.shopping-list-wrap a.button:hover i {
background-color: #000000;
color: #ffffff;
}
.shopping-list-wrap .list-buttons {
display: block;
position: absolute;
bottom: -37px;
right: 0;
background-color: #fafafa;
padding: 5px;
}
.shopping-list-wrap .list-buttons .buttons-inner {
border: 1px solid #000000;
}
.shopping-list-wrap .list-buttons .sc-btn {
font-size: 14px;
color: #000000;
cursor: pointer;
padding: 5px 7px;
display: inline-block;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.shopping-list-wrap .list-buttons .sc-btn:hover {
background-color: #000000;
color: #ffffff;
}
.shopping-list-wrap:hover {
opacity: 1;
}    .listing {
margin-bottom: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #000000;
position: relative;
}
.listing .listing-wrapper {
background: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.listing .icon-svg {
fill: #6ebe3b;
}
.listing .image {
width: 31%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(228, 228, 228, 0.5);
}
.listing .image a:hover {
opacity: 0.7;
}
.listing .image img {
max-width: 100%;
height: auto;
}
.listing .image .extra-view {
position: absolute;
display: block;
bottom: 0;
height: 28px;
line-height: 17px;
color: #ffffff;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.4);
opacity: 1;
}
.listing .image .extra-view .text {
width: 0;
height: 20px;
display: inline-block;
overflow: hidden;
-webkit-transition: all 150ms linear;
-o-transition: all 150ms linear;
transition: all 150ms linear;
color: #ffffff;
}
.listing .image .extra-view i {
font-size: 20px;
position: relative;
top: -5px;
}
.listing .image .extra-view.nutrients {
right: 0;
padding: 6px 4px 0 7px;
}
.listing .image .extra-view.ingredients {
left: 0;
padding: 7px 7px 0 3px;
}
.listing .image .extra-view:hover.nutrients .text {
width: 95px;
}
.listing .image .extra-view:hover.ingredients .text {
width: 110px;
}
.listing .image:hover .extra-view {
opacity: 1;
}
.listing .image .save-recipe-btn {
position: absolute;
display: block;
top: 0;
left: 0;
height: 28px;
line-height: 13px;
color: #ffffff;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.4);
opacity: 1;
padding: 8px 6px 0 2px;
}
.listing .image .save-recipe-btn .text {
width: 0;
height: 17px;
text-indent: 5px;
display: inline-block;
overflow: hidden;
font-size: 13px;
white-space: nowrap;
-webkit-transition: all 150ms linear;
-o-transition: all 150ms linear;
transition: all 150ms linear;
color: #ffffff;
}
.listing .image .save-recipe-btn i {
font-size: 20px;
top: -4px;
left: 1px;
margin-right: 2px;
position: relative;
}
.listing .image .save-recipe-btn:hover {
color: #ffffff;
opacity: 1;
}
.listing .image .save-recipe-btn:hover .text {
width: 95px;
}
.listing .image .save-recipe-btn:hover.remove-recipe .text {
width: 105px;
}
.listing .detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 69%;
border: 1px solid #e4d9d1;
margin: 10px;
padding: 20px 25px;
}
.listing .detail h4 {
line-height: 30px;
margin-top: 0;
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 16px;
text-transform: uppercase;
font-style: normal;
position: relative;
padding-bottom: 20px;
}
.listing .detail h4:after {
content: "";
display: inline-block;
width: 50px;
height: 3px;
background: #6ebe3b;
position: absolute;
left: 0;
bottom: 0;
}
.listing .detail h4 a {
display: inline-block;
}
.listing .detail p {
font-size: 15px;
line-height: 26px;
}
.listing .detail .chef-social-links {
text-align: right;
}
.listing .detail .chef-social-links li {
display: inline-block;
margin-left: 15px;
}
.listing .detail .chef-social-links li a {
font-size: 18px;
display: inline-block;
}
.listing .detail .chef-social-links li a:hover {
color: #c1452b;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.listing .detail .chef-social-links li:first-child {
margin-left: 0;
}
.listing .meta-listing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.listing .meta-listing .post-meta {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
padding-left: 0;
}
.listing .meta-listing .post-meta li {
margin-right: 10px;
}
.listing .meta-listing .post-meta li:last-child {
margin-right: 0;
}
.listing .meta-listing .rating-box {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0;
text-align: right;
}
.listing .additional-list-box {
display: none;
position: absolute;
top: 15px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 80%;
padding: 8px;
background: #ffffff;
z-index: 9;
-webkit-box-shadow: 0 0 10px #444444;
box-shadow: 0 0 10px #444444;
}
.listing .additional-list-box h5 {
margin: 0;
padding: 10px 0 10px 15px;
background: #000000;
color: #ffffff;
text-align: left;
}
.listing .additional-list-box ul.inner-items {
padding: 0;
margin: 0;
border: 1px solid #e4d9d1;
list-style: none;
text-align: left;
}
.listing .additional-list-box ul.inner-items li {
padding: 3px 15px 3px 15px;
}
.listing .additional-list-box ul.inner-items li:nth-child(2n) {
background-color: #f9f9f9;
}
.listing .additional-list-box span.close {
display: block;
position: absolute;
top: -4px;
right: -4px;
width: 24px;
height: 24px;
background-color: #ffffff;
color: #000000;
text-align: center;
font-size: 18px;
font-weight: bold;
line-height: 17px;
border: 2px solid #000000;
cursor: pointer;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.listing .additional-list-box span.close:hover {
background-color: #000000;
color: #ffffff;
}
.listing .additional-list-box.ingre-box div.ingre-list-wrap {
display: none;
}
.listing .additional-list-box.ingre-box div.ingre-list-wrap.current {
display: block;
}
.listing .additional-list-box.ingre-box .selectric-ingre_set_list_dd {
margin: 5px 0;
}
.listing .additional-list-box.ingre-box .selectric-ingre_set_list_dd .selectric .label {
font-size: 16px;
font-weight: bold;
text-align: left;
}
.listing .additional-list-box.ingre-box .selectric-ingre_set_list_dd .selectric-items li {
text-align: left;
}
.listing .additional-list-box ul.inner-items {
max-height: 230px;
overflow: scroll;
}
.recipe-listing .listing {
margin-bottom: 30px;
}
.save-recipe-cat-dropdown {
display: none;
position: absolute;
top: 20%;
left: 10%;
right: 0;
width: 200px;
max-height: 120px;
padding: 10px;
background-color: #000000;
}
.save-recipe-cat-dropdown p.value {
color: #000000;
background-color: #ffffff;
padding: 2px 10px;
margin: 0 0 5px;
font-size: 12px;
width: 70%;
position: relative;
float: left;
cursor: pointer;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.save-recipe-cat-dropdown p.value:after {
content: ' ';
position: absolute;
top: 9px;
right: 5px;
border: solid black;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 2px;
opacity: 0.4;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.save-recipe-cat-dropdown p.value:hover {
background-color: #f7f7f7;
}
.save-recipe-cat-dropdown p.value.opened:after {
-ms-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
}
.save-recipe-cat-dropdown .submit {
display: block;
width: 30%;
height: 25px;
float: right;
background-color: #6ebe3b;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 25px;
text-align: center;
cursor: pointer;
-webkit-transition: all 200ms liner;
-o-transition: all 200ms liner;
transition: all 200ms liner;
}
.save-recipe-cat-dropdown .submit:hover {
background-color: #000000;
}
.save-recipe-cat-dropdown ul {
display: none;
clear: both;
list-style: none;
max-height: 70px;
margin: 0;
padding: 0;
overflow: scroll;
}
.save-recipe-cat-dropdown ul li {
position: relative;
color: #000000;
background-color: #ffffff;
padding: 2px 10px;
font-size: 12px;
margin-bottom: 5px;
cursor: pointer;
}
.save-recipe-cat-dropdown ul li:last-child {
margin-bottom: 0;
}
.save-recipe-cat-dropdown ul li:hover {
background-color: #eaeaea;
}
.save-recipe-cat-dropdown .fa-close {
position: absolute;
top: -9px;
right: -9px;
width: 14px;
height: 14px;
z-index: 999;
font-size: 10px;
line-height: 10px;
background-color: black;
padding: 2px;
color: #ffffff;
text-align: center;
cursor: pointer;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.save-recipe-cat-dropdown .fa-close:hover {
width: 16px;
height: 16px;
right: -11px;
top: -11px;
font-size: 12px;
line-height: 13px;
}
.save-recipe-cat-dropdown p.add-more-cats {
display: none;
position: relative;
clear: both;
color: #000000;
background-color: #ffffff;
height: 30px;
padding: 2px 10px;
margin: 0;
font-size: 12px;
cursor: pointer;
}
.save-recipe-cat-dropdown p.add-more-cats .add-cat-btn {
position: absolute;
top: 0;
right: 0;
background-color: #c1452b;
color: #ffffff;
height: 30px;
width: 30px;
font-size: 14px;
font-weight: bold;
line-height: 30px;
text-align: center;
font-style: normal;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.save-recipe-cat-dropdown p.add-more-cats .add-cat-btn.fa-spin {
width: 20px;
height: 20px;
font-size: 10px;
top: 5px;
right: 5px;
line-height: 21px;
cursor: wait;
}
.save-recipe-cat-dropdown p.add-more-cats .add-cat-value {
outline: none;
position: absolute;
left: 5px;
top: 3px;
width: 85%;
padding: 2px 10px 2px 5px;
font-size: 12px;
}
.listing-list .listing .image span.extra-view {
font-size: 13px;
}
.listing-list .listing .image span.ingredients:hover .text {
padding-left: 7px;
}
.listing-list .listing .image span.nutrients:hover .text {
padding-left: 5px;
}
.listing-list .listing .detail h4 {
padding-bottom: 10px;
}
.listing-list .listing .additional-list-box .inner-items {
max-height: 130px;
}
.listing-list .listing .additional-list-box.ingre-box .inner-items {
max-height: 100px;
}
.listing-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.listing-grid .listing {
text-align: center;
padding-left: 15px;
padding-right: 15px;
width: 33.33%;
}
.listing-grid .listing .listing-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.listing-grid .listing .image,
.listing-grid .listing .detail {
width: auto;
height: 100%;
}
.listing-grid .listing .detail {
padding: 20px 15px;
}
.listing-grid .listing .detail h4 {
margin-bottom: 15px;
}
.listing-grid .listing .detail h4:after {
left: 50%;
margin-left: -25px;
}
.listing-grid .listing .detail p {
display: none;
}
.listing-grid .listing .detail .meta-listing {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.listing-grid .listing .detail .meta-listing .post-meta {
margin-bottom: 15px;
}
.listing-grid .listing .detail .meta-listing .rating-box {
text-align: center;
}
.banner-add {
text-align: center;
width: 100%;
margin-bottom: 40px;
}
.banner-add img {
max-width: 100%;
}
.pagination {
width: 100%;
}
.recipe-set .listing-buttons {
float: right;
display: inline-block;
background: #f8f6f5;
overflow: hidden;
position: relative;
z-index: 6666 ;
margin-bottom: 20px;
padding-left: 20px;
}
.recipe-set .listing-buttons span {
cursor: pointer;
display: inline-block;
text-align: center;
width: 33px;
height: 29px;
line-height: 27px;
border: 1px solid #e4d9d1;
color: #9e938e;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.recipe-set .listing-buttons span:hover {
background: #6ebe3b;
border-color: #6ebe3b;
color: #ffffff;
}
.recipe-set .listing-buttons .grid {
margin-right: 3px;
}
.recipe-set .listing-buttons .current {
background: #6ebe3b;
border-color: #6ebe3b;
color: #ffffff;
}
.recipe-set h2 {
margin-top: 0;
margin-bottom: 30px;
font-size: 24px;
position: relative;
}
.recipe-set h2:after {
content: "";
display: inline-block;
width: 100%;
height: 1px;
position: absolute;
background: #e7e3e1;
margin-left: 20px;
margin-top: 15px;
}
.recipe-set .saved-cats-wrap {
overflow: hidden;
}
.recipe-set .saved-cats-wrap .saved-recipe-cats {
overflow: hidden;
width: 85%;
float: left;
list-style: none;
margin: 0 0 20px;
padding-left: 0;
}
.recipe-set .saved-cats-wrap .saved-recipe-cats li {
cursor: pointer;
float: left;
margin-right: 5px;
padding: 5px 15px;
background-color: #ffffff;
border: 1px solid #e4d9d1;
color: #000000;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.recipe-set .saved-cats-wrap .saved-recipe-cats li:hover,
.recipe-set .saved-cats-wrap .saved-recipe-cats li.active {
background-color: #6ebe3b;
border-color: #6ebe3b;
color: #ffffff;
}
.recipe-set .saved-cats-wrap .manage-saved-cats {
width: 12%;
float: right;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
text-align: center;
color: #ffffff;
background: #c1452b;
height: 40px;
line-height: 40px;
text-transform: capitalize;
font-size: 13px;
padding: 0 12px;
display: inline-block;
}
.recipe-set .saved-cats-wrap .manage-saved-cats:hover {
background: #000000;
}    .cats-popup-wrap {
display: none;
position: fixed;
top: 0;
left: 0;
background-color: rgba(110, 190, 59, 0.5);
width: 100%;
height: 100vh;
z-index: 999999;
}
.cats-popup-wrap .cats-popup {
position: relative;
background-color: #ffffff;
width: 400px;
margin: 10vh auto 0;
border: 2px solid #6ebe3b;
padding: 30px;
max-width: 100%;
-webkit-transition: all 150ms linear;
-o-transition: all 150ms linear;
transition: all 150ms linear;
}
.cats-popup-wrap .cats-popup .close {
display: block;
position: absolute;
top: 0;
right: 5px;
cursor: pointer;
}
.cats-popup-wrap .cats-popup h3 {
font-size: 14px;
margin: 0 0 30px;
text-align: center;
}
.cats-popup-wrap .cats-popup .user-cats-list {
list-style: none;
margin: 0;
padding: 0;
max-height: 250px;
}
.cats-popup-wrap .cats-popup .user-cats-list li {
position: relative;
padding: 5px 0 5px 15px;
background-color: #f3f3f3;
}
.cats-popup-wrap .cats-popup .user-cats-list li:nth-child(even) {
background-color: #ffffff;
}
.cats-popup-wrap .cats-popup .user-cats-list li .fa-trash-alt {
position: absolute;
top: 11px;
right: 10px;
cursor: pointer;
-webkit-transition: all 150ms linear;
-o-transition: all 150ms linear;
transition: all 150ms linear;
}
.cats-popup-wrap .cats-popup .user-cats-list li .fa-trash-alt:hover {
color: #6ebe3b;
}
.cats-popup-wrap .login-message,
.cats-popup-wrap .login-error {
margin: 25px 0 0;
font-size: 12px;
text-align: center;
}
.cats-popup-wrap .login-error {
color: red;
}  .my-recipes .meta-listing .post-meta li {
display: inline-block;
margin-right: 5px;
padding: 0;
font-size: 12px;
}
.my-recipes .meta-listing p.status {
display: block;
}
.my-recipes .meta-listing p.status span {
font-weight: bold;
display: inline-block;
padding: 2px 8px;
background: #000000;
color: #ffffff;
}
.my-recipes .action-buttons a {
display: inline-block;
padding: 8px 12px;
margin: 0 10px;
border: 1px solid #ffffff;
background: #6ebe3b;
color: #ffffff;
}
.my-recipes .action-buttons a:hover {
background: #ffffff;
border-color: #000000;
color: #000000;
}  .my-profile {
padding: 30px;
}
.my-profile .entry-content:not(:empty) {
margin-bottom: 20px;
}
.my-profile .form-option {
margin-bottom: 25px;
}
.my-profile label {
display: block;
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 16px;
color: #514b49;
margin-bottom: 10px;
}
.my-profile input[type="text"],
.my-profile input[type="email"],
.my-profile input[type="password"],
.my-profile input[type="number"],
.my-profile input[type="date"] {
width: 100%;
height: 40px;
padding-left: 20px;
padding-right: 20px;
outline: none;
margin-bottom: 30px;
}
.my-profile .select2-container--default .select2-selection--single,
.my-profile input[type="text"],
.my-profile input[type="email"],
.my-profile input[type="password"],
.my-profile input[type="number"],
.my-profile input[type="date"],
.my-profile textarea {
border: 1px solid #e4d9d1;
}
.my-profile .select2-container--default .select2-selection--single:disabled,
.my-profile input[type="text"]:disabled,
.my-profile input[type="email"]:disabled,
.my-profile input[type="password"]:disabled,
.my-profile input[type="number"]:disabled,
.my-profile input[type="date"]:disabled,
.my-profile textarea:disabled {
background-color: #F8F8F8;
}
.my-profile input[type="checkbox"] + label:before {
border: 1px solid;
}
.my-profile input[type="checkbox"]:checked + label:before {
border: 4px solid;
}
.my-profile textarea {
width: 100%;
height: 169px;
padding: 10px;
resize: vertical;
margin-bottom: 30px;
}
.my-profile input.error {
-webkit-box-shadow: 0 0 0 1px red;
box-shadow: 0 0 0 1px red;
margin-bottom: 1px;
}
.my-profile label.error {
font-size: 12px;
color: red;
font-weight: normal;
position: relative;
display: inline-block;
margin-bottom: 10px;
}
.my-profile #ajax-loader {
margin-top: 0;
margin-bottom: 0;
width: 40px;
display: none;
}
.my-profile .user-profile-img-wrapper {
padding-top: 20px;
margin-bottom: 20px;
}
#user-profile-img {
float: right;
}
.profile-thumb {
position: relative;
width: 175px;
height: auto;
background: url(//www.ricettemagiche.it/wp-content/themes/inspiry-recipe-press/images/chef-hat.png) no-repeat center top;
text-align: center;
overflow: hidden;
}
.profile-thumb img {
max-width: 100%;
}
.profile-img-controls {
display: table;
padding: 0 15px;
}
.field-description {
padding-top: 10px;
}
.field-description > li {
position: relative;
margin-bottom: 10px;
padding-left: 10px;
}
.field-description > li > span {
position: absolute;
top: 0;
left: 0;
}
.profile-img-controls .btn-default {
margin: 10px 6px 0 0;
padding: 6px 18px;
}
.profile-img-controls .fa {
margin-right: 10px;
}
@media (min-width: 768px) {
.my-profile {
padding: 40px 38px 40px;
}
}
@media (max-width: 480px) {
#user-profile-img {
float: none;
margin-bottom: 20px;
}
.profile-img-controls {
padding-left: 0;
}
}  .inner-wrapper h1 {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 32px;
font-style: normal;
}
.inner-wrapper h2 {
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 24px;
text-transform: uppercase;
font-style: normal;
}
.inner-wrapper h3 {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 18px;
font-style: normal;
}
.inner-wrapper h4 {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 16px;
font-style: normal;
}
.inner-wrapper h5 {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 14px;
font-style: normal;
}
.inner-wrapper h6 {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 11px;
font-style: normal;
}
.contact-contents {
padding: 30px;
margin-bottom: 60px;
background-color: #ffffff;
}
.bottom-short-line {
position: relative;
padding-bottom: 15px;
}
.bottom-short-line:after {
content: "";
display: inline-block;
width: 50px;
height: 3px;
background: #6ebe3b;
position: absolute;
left: 0;
bottom: 0;
}
.wrapper-columns {
margin-bottom: 40px;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
.typography {
margin-bottom: 100px;
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: none;
font-style: normal;
}
.typography h1 {
font-size: 36px;
}
.typography h2 {
font-size: 30px;
}
.typography h3 {
font-size: 24px;
}
.typography h4 {
font-size: 18px;
}
.typography h5 {
font-size: 16px;
}
.typography h6 {
font-size: 14px;
}
.tab-container.tab-shortcode ul {
padding: 0;
list-style: none;
}
.tab-container.tab-shortcode ul li.active {
background: #c1452b;
}
.tab-container.tab-shortcode ul li.active a {
color: #ffffff;
}
.tab-container.tab-shortcode ul li:hover {
background: #c1452b;
}
.tab-container.tab-shortcode ul li:hover a {
color: #ffffff;
}
.tab-container.tab-shortcode ul li a {
border: none;
font-weight: 700;
}
.tab-container.tab-shortcode .tab-content {
padding: 25px;
}
.tab-container.tab-shortcode .tab-content p {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
.accordion {
border: none;
}
.accordion dt {
background: #dddddd;
font-size: 14px;
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
line-height: 26px;
padding: 13px 25px;
cursor: pointer;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
margin-bottom: 11px;
}
.accordion dt.current {
background: #c1452b;
color: #ffffff;
margin-bottom: 0;
}
.accordion dd {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 16px;
background: #ffffff;
line-height: 26px;
padding: 20px;
display: none;
}
.accordion dd:first-of-type {
display: block;
}
.alert {
font-family: 'Lato', sans-serif;
font-weight: 700;
padding: 18px 20px;
margin-bottom: 24px;
position: relative;
}
.alert.green {
background: #d0eec4;
color: #3c763d;
}
.alert.blue {
background: #c6e5f4;
color: #31709c;
}
.alert.yellow {
background: #fbf2c5;
color: #8a6d3b;
}
.alert.red {
background: #f6cfcf;
color: #b84442;
}
.alert .close-alert {
position: absolute;
display: inline-block;
right: 10px;
top: 5px;
cursor: pointer;
}
.default-btn,
.wp-block-button__link {
display: inline-block;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
padding-top: 8px;
padding-bottom: 8px;
margin-right: 5px;
margin-bottom: 8px;
border: 1px solid transparent;
}
.default-btn.green-color,
.wp-block-button__link.green-color {
background: #6ebe3b;
color: #ffffff;
}
.default-btn.red-color,
.wp-block-button__link.red-color {
background: #c1452b;
color: #ffffff;
}
.default-btn.grey-color,
.wp-block-button__link.grey-color {
background: #a1a1a1;
color: #ffffff;
}
.default-btn.black-color,
.wp-block-button__link.black-color {
background: #000000;
color: #ffffff;
}
.default-btn.black-color:hover,
.wp-block-button__link.black-color:hover {
background: #ffffff;
border-color: #000000;
color: #000000;
}
.default-btn.green-color:hover,
.wp-block-button__link.green-color:hover,
.default-btn.red-color:hover,
.wp-block-button__link.red-color:hover,
.default-btn.grey-color:hover,
.wp-block-button__link.grey-color:hover {
background: #000000;
color: #ffffff;
}
.default-btn.green-border,
.wp-block-button__link.green-border {
border-color: #6ebe3b;
color: #333333;
}
.default-btn.green-border:hover,
.wp-block-button__link.green-border:hover {
background: #6ebe3b;
}
.default-btn.red-border,
.wp-block-button__link.red-border {
border-color: #c1452b;
color: #333333;
}
.default-btn.red-border:hover,
.wp-block-button__link.red-border:hover {
background: #c1452b;
}
.default-btn.grey-border,
.wp-block-button__link.grey-border {
border-color: #a1a1a1;
color: #333333;
}
.default-btn.grey-border:hover,
.wp-block-button__link.grey-border:hover {
background: #a1a1a1;
}
.default-btn.black-border,
.wp-block-button__link.black-border {
border-color: #000000;
color: #333333;
}
.default-btn.black-border:hover,
.wp-block-button__link.black-border:hover {
background: #000000;
}
.default-btn.green-border:hover,
.wp-block-button__link.green-border:hover,
.default-btn.red-border:hover,
.wp-block-button__link.red-border:hover,
.default-btn.grey-border:hover,
.wp-block-button__link.grey-border:hover,
.default-btn.black-border:hover,
.wp-block-button__link.black-border:hover {
color: #ffffff;
}
.post-editor-contents .wp-block-button__link:not(.has-text-color) {
color: #ffffff;
}
.post-contents-inner .post-editor-contents .wp-block-button__link {
display: inline-block;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
padding-top: 8px;
padding-bottom: 8px;
margin-right: 5px;
margin-bottom: 8px;
border: 1px solid transparent;
}
.post-contents-inner .post-editor-contents .wp-block-button__link:hover {
background-color: #6ebe3b;
color: #ffffff;
}
.small-button {
padding-left: 19px;
padding-right: 19px;
}
.mid-button {
padding-left: 25px;
padding-right: 25px;
}
.min-width-button {
min-width: 193px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.slider-left.shortcodes-slider {
width: 100%;
height: auto;
margin-bottom: 50px;
}
.wrapper-slider-detail {
position: relative;
}
.wrapper-slider-detail .top-slider .shortcode-arrows.wider {
position: absolute;
opacity: 0;
width: 100%;
left: 0;
top: 50%;
margin-top: -80px;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.wrapper-slider-detail .top-slider .shortcode-arrows.wider span {
display: block !important;
position: absolute;
height: 65px;
width: 39px;
line-height: 65px;
text-align: center;
cursor: pointer;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
background: #3d3432;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #736e6b;
}
.wrapper-slider-detail .top-slider .shortcode-arrows.wider span:hover {
background-color: #28211f;
}
.wrapper-slider-detail .top-slider .shortcode-arrows.wider span.left-arrow {
left: 0;
}
.wrapper-slider-detail .top-slider .shortcode-arrows.wider span.right-arrow {
right: 0;
}
.wrapper-slider-detail .top-slider:hover .shortcode-arrows {
opacity: 1;
}
.wrapper-slider-detail .shortcode-slider-thumb {
position: absolute;
left: 0;
bottom: 0;
z-index: 500;
height: 102px;
width: 100%;
padding: 24px 50px;
background-color: rgba(0, 0, 0, 0.8);
}
.wrapper-slider-detail .shortcode-slider-thumb .shortcode-arrows {
position: absolute;
opacity: 0;
width: 100%;
left: 0;
top: 45px;
margin-top: 0;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.wrapper-slider-detail .shortcode-slider-thumb .shortcode-arrows span {
position: absolute;
display: block !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none;
color: #aaaaaa;
cursor: pointer;
}
.wrapper-slider-detail .shortcode-slider-thumb .shortcode-arrows span.left-arrow {
left: 18px;
}
.wrapper-slider-detail .shortcode-slider-thumb .shortcode-arrows span.right-arrow {
right: 18px;
}
.wrapper-slider-detail .shortcode-slider-thumb:hover .shortcode-arrows {
opacity: 1;
}
.wrapper-slider-detail .shortcode-slider-thumb ul li {
opacity: 0.8;
margin-right: 19px;
}
.wrapper-slider-detail .shortcode-slider-thumb ul li.flex-active-slide {
opacity: 1;
}
.qe-faq-toggle .qe-toggle-title {
background: #eaeaea;
font-size: 14px;
font-family: 'Lato', sans-serif;
font-weight: 700;
text-transform: uppercase;
line-height: 26px;
padding: 13px 25px;
cursor: pointer;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
margin-bottom: 11px;
}
.qe-faq-toggle .qe-toggle-title h4 {
line-height: 26px;
}
.qe-faq-toggle .qe-toggle-content {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 16px;
background: #ffffff;
line-height: 26px;
padding: 20px;
display: none;
border: none;
}
.qe-faq-toggle .qe-toggle-content p {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
.qe-faq-toggle.active .qe-toggle-title {
background: #c1452b;
color: #ffffff;
margin-bottom: 0;
}
.qe-faq-toggle.active .qe-toggle-title h4 {
color: #ffffff;
}
.qe-faqs-filters-container {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
margin: 0 -1px 11px -1px;
padding-left: 0;
}
.qe-faqs-filters-container li {
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
cursor: pointer;
display: inline-block;
width: 33.33%;
background: #dddddd;
border-right: 1px solid #f2eeec;
text-align: center;
}
.qe-faqs-filters-container li a {
display: inline-block;
width: 100%;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
text-align: center;
color: #736a65;
padding: 9px 0;
border: none;
font-weight: 700;
}
.qe-faqs-filters-container li.active,
.qe-faqs-filters-container li:hover {
background-color: #c1452b;
}
.qe-faqs-filters-container li.active a,
.qe-faqs-filters-container li:hover a {
color: #ffffff;
border: none;
}    .submit-recipe-set {
overflow: visible;
}
.submit-recipe-set h2 {
overflow: hidden;
}
.submit-recipe-form {
background: #ffffff;
padding: 30px 25px 60px;
}
.submit-recipe-form input,
.submit-recipe-form textarea {
outline: none;
border: 1px solid #e4d9d1;
margin-bottom: 30px;
}
.submit-recipe-form textarea {
resize: none;
width: 100%;
padding: 15px 20px;
}
.submit-recipe-form label {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 16px;
color: #514b49;
margin-bottom: 10px;
}
.submit-recipe-form label.error {
font-size: 12px;
color: red;
font-weight: normal;
position: relative;
display: inline-block;
margin-bottom: 10px;
}
.submit-recipe-form input[type="text"] {
width: 100%;
height: 40px;
padding-left: 20px;
padding-right: 20px;
}
.submit-recipe-form .info {
margin-top: -15px;
margin-bottom: 40px;
}
.submit-recipe-form .info.min {
margin-top: -5px;
}
.submit-recipe-form #upload-image {
border: none;
}
.submit-recipe-form .radio-btn {
margin-top: 0;
margin-bottom: 0;
margin-right: 8px;
vertical-align: middle;
}
.submit-recipe-form .radio-text {
vertical-align: middle;
text-transform: capitalize;
margin-right: 20px;
font-family: 'Lato', sans-serif;
font-weight: 700;
}
.submit-recipe-form .selectric-wrapper {
margin-bottom: 30px;
}
.submit-recipe-form .radio-selectors {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 19px;
}
.submit-recipe-form .radio-field {
position: relative;
}
.submit-recipe-form .radio-field input[type="radio"] {
opacity: 0;
position: absolute;
}
.submit-recipe-form .radio-field input[type="radio"]:checked + label {
background-color: #6ebe3b;
color: #ffffff;
}
.submit-recipe-form .radio-field .chef-options {
position: relative;
cursor: pointer;
}
.submit-recipe-form .radio-field .chef-options .edit-profile {
position: absolute;
display: inline-block;
padding: 3px 5px;
background-color: #6ebe3b;
color: #ffffff;
border-radius: 3px;
bottom: -30px;
left: 60px;
opacity: 0.3;
}
.submit-recipe-form .radio-field .chef-options .edit-profile:after {
content: ' ';
position: absolute;
top: -4px;
left: 7px;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #6ebe3b;
}
.submit-recipe-form .radio-field .chef-options:hover .edit-profile {
-webkit-animation-duration: 400ms;
animation-duration: 400ms;
-webkit-animation-name: arrowjump;
animation-name: arrowjump;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
opacity: 1;
}
@-webkit-keyframes arrowjump {
from {
bottom: -30px;
}
to {
bottom: -35px;
}
}
@keyframes arrowjump {
from {
bottom: -30px;
}
to {
bottom: -35px;
}
}
.submit-recipe-form label.chef-options {
display: block;
padding: 10px 25px;
border: 1px solid #e4d9d1;
font-size: 13px;
text-align: center;
}
.submit-recipe-form .sub-desc {
display: block;
}
.submit-recipe-form .short-text {
height: 80px;
resize: vertical;
}
.submit-recipe-form .step-content,
.submit-recipe-form .set-content {
border-top: none;
height: 125px;
}
.submit-recipe-form .recipe-submit-btn {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
background: #6ebe3b;
color: #ffffff;
border: none;
padding: 10px 25px;
margin-top: 40px;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.submit-recipe-form .recipe-submit-btn:hover {
background: #000000;
}
.submit-recipe-form input.error,
.submit-recipe-form textarea.error {
-webkit-box-shadow: 0 0 0 1px red;
box-shadow: 0 0 0 1px red;
margin-bottom: 1px;
}
.add-fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.add-fields input,
.add-fields textarea {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
#drag-and-drop {
margin-bottom: 10px;
padding: 64px 50px;
border: 2px dashed;
background-color: #f8faff;
border-color: #dfdfdf;
}
.drag-drop-msg {
font-size: 16px;
}
.drag-or {
display: inline-block;
margin: 15px 0;
font-size: 13px;
}
#gallery-thumbs-container {
margin: 0 0 10px -10px;
}
.gallery-thumb {
display: table;
position: relative;
text-align: center;
background-color: #efefef;
-webkit-box-shadow: inset 0 0 0 2px #dfdfdf;
box-shadow: inset 0 0 0 2px #dfdfdf;
float: left;
width: 121px;
height: 121px;
margin: 0 0 10px 10px;
}
.gallery-thumb .mark-featured,
.gallery-thumb .loader,
.gallery-thumb a {
display: block;
position: absolute;
right: 0;
bottom: 0;
padding: 4px 10px;
font-size: 16px;
background-color: rgba(0, 0, 0, 0.5);
color: #f0f0f0;
}
.gallery-thumb img {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
}
.gallery-thumb .mark-featured {
right: auto;
top: auto;
bottom: 0;
left: 0;
}
.gallery-thumb .loader {
display: none;
right: auto;
bottom: auto;
left: 0;
top: 0;
}
.gallery-thumb span {
display: table-cell;
vertical-align: middle;
text-align: center;
font-weight: bold;
}
#errors-log {
color: #ff0000;
}
.ingredient-set {
margin-top: 30px;
margin-bottom: 30px;
}
.ingredient-set .info {
margin-bottom: 10px;
}
.nutrients-set .info.min {
margin-top: -15px;
margin-bottom: 10px;
}
textarea#ingredients {
margin-bottom: 15px;
}
.add-button {
float: right;
display: inline-block;
height: 40px;
line-height: 40px;
width: 45px;
text-align: center;
color: #ffffff;
font-size: 16px;
-webkit-transition: 0.2s all ease-in-out;
-o-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
cursor: pointer;
background: #6ebe3b;
}
.add-button:hover {
background: #000000;
}
.list-sortable {
list-style: none;
padding-left: 0;
margin-bottom: 10px;
}
.list-sortable li {
position: relative;
margin-bottom: 20px;
}
.list-sortable li input,
.list-sortable li textarea {
margin-bottom: 0;
}
.list-sortable .detail-placeholder {
background-color: #6ebe3b;
opacity: 0.2;
}
.list-sortable .handler-list {
border-right: none;
}
.list-sortable .del-list {
border-left: none;
}
.list-sortable.ingredients li {
margin-bottom: 0;
}
.visible-overflow {
overflow-x: visible;
}
.handler-list,
.del-list {
display: inline-block;
width: 45px;
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
border: 1px solid #e4d9d1;
}
.handler-list:hover,
.del-list:hover {
background: #e4d9d1;
}    .login-popup-wrap {
display: none;
position: fixed;
top: 0;
left: 0;
background-color: rgba(110, 190, 59, 0.5);
width: 100%;
height: 100vh;
z-index: 999999;
}
.login-popup-wrap .login-form-wrap {
position: relative;
background-color: #ffffff;
width: 400px;
margin: 10vh auto 0;
border: 2px solid #6ebe3b;
padding: 30px;
max-width: 100%;
-webkit-transition: all 150ms linear;
-o-transition: all 150ms linear;
transition: all 150ms linear;
}
.login-popup-wrap .login-form-wrap.registration {
width: 600px;
}
.login-popup-wrap .login-form-wrap .close {
display: block;
position: absolute;
top: 0;
right: 5px;
cursor: pointer;
}
.login-popup-wrap .login-form-wrap h3 {
margin: 0 0 20px;
text-align: center;
}
.login-popup-wrap .login-form-wrap .login.section {
display: block;
}
.login-popup-wrap .login-form-wrap .registration.section {
display: none;
}
.login-popup-wrap .login-form-wrap .forget-password.section {
display: none;
}
.login-popup-wrap .login-form-wrap form {
overflow: hidden;
}
.login-popup-wrap .login-form-wrap form input[type="text"],
.login-popup-wrap .login-form-wrap form input[type="password"],
.login-popup-wrap .login-form-wrap form input[type="email"] {
width: 100%;
height: 40px;
margin-bottom: 10px;
border: 1px solid #e4d9d1;
outline: none;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
}
.login-popup-wrap .login-form-wrap form input[type="checkbox"] {
margin-right: 5px;
}
.login-popup-wrap .login-form-wrap form .login-submit {
clear: both;
text-align: center;
margin-top: 20px;
margin-bottom: 0;
}
.login-popup-wrap .login-form-wrap form .login-submit .loader {
margin-left: -20px;
opacity: 0;
position: relative;
top: -1px;
left: -15px;
}
.login-popup-wrap .login-form-wrap form input[type="submit"] {
width: auto;
height: 40px;
background: #6ebe3b;
color: #ffffff;
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
outline: none;
border: none;
padding: 9px 38px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.login-popup-wrap .login-form-wrap form input[type="submit"]:hover {
background-color: #000000;
}
.login-popup-wrap .login-form-wrap form label.error {
font-size: 11px;
text-align: right;
display: block;
margin: -5px 0 0;
color: red;
font-weight: 400;
}
.login-popup-wrap .login-form-wrap form .login-remember label input[type="checkbox"] {
height: auto;
}
.login-popup-wrap .login-form-wrap .bottom-links {
text-align: center;
margin: 25px 0 0;
}
.login-popup-wrap .login-form-wrap .bottom-links a {
margin: 0;
padding: 0 10px;
border-right: 1px solid #f1f1f1;
}
.login-popup-wrap .login-form-wrap .bottom-links a:hover {
color: #6ebe3b;
}
.login-popup-wrap .login-form-wrap .bottom-links a:last-child {
border: none;
}
.login-popup-wrap .login-message,
.login-popup-wrap .login-error {
margin: 25px 0 0;
font-size: 12px;
text-align: center;
}
.login-popup-wrap .login-error {
color: red;
} .side-bar .flip-clock-wrapper {
margin-left: 0;
padding-left: 6px;
}
.side-bar .flip-clock-wrapper ul {
margin: 0 3px 5px !important;
width: 32px;
height: 38px;
font-size: 12px;
font-weight: bold;
line-height: 20px;
border-radius: 3px;
background: #aaaaaa;
-webkit-box-shadow: 0 2px 5px #aaaaaa;
box-shadow: 0 2px 5px #aaaaaa;
}
.side-bar .flip-clock-wrapper ul:last-of-type {
margin-right: 0;
}
.side-bar .flip-clock-wrapper ul li {
line-height: 20px;
}
.side-bar .flip-clock-wrapper ul li a {
display: block !important;
}
.side-bar .flip-clock-wrapper ul li a div.up:after {
top: 18px;
left: 0;
background-color: rgba(0, 0, 0, 0.1);
}
.side-bar .flip-clock-wrapper ul li a div.down {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.side-bar .flip-clock-wrapper ul li a div div.inn {
font-size: 24px;
line-height: 36px;
border-radius: 3px;
background-color: #71bc44;
color: #ffffff;
text-shadow: none;
}
.side-bar .flip-clock-wrapper ul.play .flip-clock-before .up .shadow {
background: -moz-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(100, 100, 100, 0.1)), color-stop(100%, #333333));
background: linear, top, rgba(100, 100, 100, 0.1) 0%, #333333 100%;
background: -o-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, #333333 100%);
background: -ms-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, #333333 100%);
background: linear, to bottom, rgba(100, 100, 100, 0.1) 0%, #333333 100%;
}
.side-bar .flip-clock-wrapper ul.play .flip-clock-before .down .shadow {
background: -moz-linear-gradient(top, #333333 0%, rgba(100, 100, 100, 0.1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, rgba(100, 100, 100, 0.1)));
background: linear, top, #333333 0%, rgba(100, 100, 100, 0.1) 100%;
background: -o-linear-gradient(top, #333333 0%, rgba(100, 100, 100, 0.1) 100%);
background: -ms-linear-gradient(top, #333333 0%, rgba(100, 100, 100, 0.1) 100%);
background: linear, to bottom, #333333 0%, rgba(100, 100, 100, 0.1) 100%;
}
.side-bar .flip-clock-wrapper ul.play .flip-clock-active .up .shadow {
background: -moz-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(100, 100, 100, 0.1)), color-stop(100%, #333333));
background: linear, top, rgba(100, 100, 100, 0.1) 0%, #333333 100%;
background: -o-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, #333333 100%);
background: -ms-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, #333333 100%);
background: linear, to bottom, rgba(100, 100, 100, 0.1) 0%, #333333 100%;
}
.side-bar .flip-clock-wrapper ul.play .flip-clock-active .down .shadow {
background: -moz-linear-gradient(top, #333333 0%, rgba(100, 100, 100, 0.1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, rgba(100, 100, 100, 0.1)));
background: linear, top, #333333 0%, rgba(100, 100, 100, 0.1) 100%;
background: -o-linear-gradient(top, #333333 0%, rgba(100, 100, 100, 0.1) 100%);
background: -ms-linear-gradient(top, #333333 0%, rgba(100, 100, 100, 0.1) 100%);
background: linear, to bottom, #333333 0%, rgba(100, 100, 100, 0.1) 100%;
}
.side-bar .flip-clock-wrapper .flip-clock-divider {
width: 9px;
height: 40px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider:first-of-type {
display: none;
}
.side-bar .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
width: 5px;
height: 5px;
left: 2px;
background-color: #91a1b3;
}
.side-bar .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
top: 11px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
bottom: 14px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider .flip-clock-label {
display: none;
}
.alarm-clock-labels {
display: -webkit-box;
display: -ms-flexbox;
display: flex; -ms-flex: 1; -webkit-box-flex: 1;
flex: 1;
margin: 15px 0 0;
}
.alarm-clock-labels label {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
margin: 0 5px;
}
.alarm-clock-inputs {
display: -webkit-box;
display: -ms-flexbox;
display: flex; -ms-flex: 1; -webkit-box-flex: 1;
flex: 1;
margin-bottom: 25px;
}
.alarm-clock-inputs input {
width: 33.33%;
margin: 0 5px;
}
.alarm-clock-inputs input:focus {
border-color: #6ebe3b;
}
#alarm-clock-start {
margin: 0 0 6px 5px;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.ticking-control {
margin: -7px 6px 0 0;
float: right;
}
.ticking-control label {
font-size: 12px;
margin-bottom: 3px;
display: block;
}
.ticking-wrap {
display: block;
float: right;
position: relative;
width: 50px;
height: 26px;
background-color: #6ebe3b;
border-radius: 5px;
padding: 1px;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
.ticking-wrap .ticking-btn {
display: inline-block;
position: absolute;
top: 2px;
left: 2px;
width: 30px;
height: 22px;
background-color: #ffffff;
border-radius: 5px;
font-size: 12px;
line-height: 22px;
font-weight: bold;
color: #000000;
text-align: center;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
cursor: pointer;
-webkit-box-shadow: 0 0 2px #333333;
box-shadow: 0 0 2px #333333;
}
.ticking-wrap .ticking-btn.active {
left: 18px;
}
.ticking-wrap input {
display: none;
}
.ticking-wrap.off {
background-color: #666666;
} .login-contents {
margin-top: 50px;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption,
.gallery-caption {
background: #ffffff;
border: 1px solid #e4d9d1;
max-width: 96%; padding: 7px 7px 0;
text-align: center;
}
.wp-caption figcaption,
.gallery-caption figcaption {
font-size: 12px;
font-style: normal;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 700;
padding: 5px 0;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
display: block;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.bypostauthor {
background: #FFF;
}
.commentlist .bypostauthor {
background: #FFF;
} #wp-calendar {
width: 100%;
}
#wp-calendar caption {
text-align: center;
color: #6ebe3b;
font-size: 12px;
font-weight: 600;
margin: 0 0 5px;
padding: 0;
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
padding-bottom: 10px;
text-align: center;
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
text-align: center;
padding: 8px;
}
#wp-calendar tbody td a {
color: #333333;
}
#wp-calendar tbody td a:hover {
color: #aaaaaa;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tfoot tr {
background: none;
}
#wp-calendar tfoot #next {
font-size: 10px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 10px;
text-transform: uppercase;
padding-top: 10px;
}
#wp-calendar tfoot a {
color: #aaaaaa;
}
#wp-calendar tfoot a:hover {
color: #6ebe3b;
} .gallery {
margin: 0 auto 18px;
padding: 0 0 15px;
overflow: hidden;
}
.gallery .gallery-item {
float: left;
margin-top: 25px;
text-align: center;
width: 33%;
}
.gallery img:hover {
background: white;
}
.gallery .gallery-caption {
font-size: 12px;
font-style: normal;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
font-weight: 700;
border: none;
padding: 10px 0;
margin: 0;
max-width: 100%;
}
.gallery img {
-webkit-box-shadow: 0 0 4px #999;
box-shadow: 0 0 4px #999;
border: 1px solid white;
padding: 8px;
background: #f2f2f2;
}
.gallery dl,
.gallery dt {
margin: 0;
}
.gallery br + br {
display: none;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-1 .attachment-thumbnail {
width: 70%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1) {
clear: left;
}
.gallery-columns-2 .attachment-thumbnail {
width: 70%;
}
.gallery-columns-3 .gallery-item {
width: 32%;
}
.gallery-columns-3 .gallery-item:nth-child(3n+1) {
clear: left;
}
.gallery-columns-3 .attachment-thumbnail {
width: 90%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-4 .gallery-item:nth-child(4n+1) {
clear: left;
}
.gallery-columns-4 .attachment-thumbnail {
width: 90%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-5 .gallery-item:nth-child(5n+1) {
clear: left;
}
.gallery-columns-5 .attachment-thumbnail {
width: 90%;
}
.gallery-columns-6 .gallery-item {
width: 16.6%;
}
.gallery-columns-6 .gallery-item:nth-child(6n+1) {
clear: left;
}
.gallery-columns-6 .attachment-thumbnail {
width: 90%;
padding: 5px;
}
.gallery-columns-7 .gallery-item {
width: 14.2%;
}
.gallery-columns-7 .gallery-item:nth-child(7n+1) {
clear: left;
}
.gallery-columns-7 .attachment-thumbnail {
width: 90%;
padding: 4px;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-8 .gallery-item:nth-child(8n+1) {
clear: left;
}
.gallery-columns-8 .attachment-thumbnail {
width: 90%;
padding: 3px;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}
.gallery-columns-9 .attachment-thumbnail {
width: 90%;
padding: 3px;
}  @media (max-width: 1200px) {
.slider-recipe-detail {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.slider-recipe-detail .recipe-specs {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
}
.slider-recipe-detail .recipe-specs li {
border-bottom: 1px solid #e4d9d1;
padding-top: 10px;
padding-bottom: 10px;
}
.slider-recipe-detail .wrapper-slider-detail {
width: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header-main {
text-align: center;
}
.header-main .logo-wrapper {
margin-bottom: 40px;
}
.header-main .outer-nav {
text-align: center;
}
.header-main .header-social-icons {
display: block;
float: none;
}
.header-var1 .header-social-icons {
float: right;
}
.header-var2 .header-social-icons {
display: block;
}
.slider-left,
.slider-right {
height: 433px;
}
.slider-right .slide-detail {
height: 433px;
}
.slider-right .slide-detail .box1 {
padding-top: 20px;
}
.slider-right .slide-detail .box1 h2 {
font-size: 21px;
}
.slider-right .food-category {
margin-bottom: 10px;
}
.slider-right .post-meta {
margin-bottom: 30px;
}
.search-box {
margin-right: 25px;
}
.intro h3 {
margin-top: 20px;
font-size: 18px;
}
.text-side,
.image-side {
width: 50%;
}
.footer-variant-one .footer-inner {
padding-left: 35px;
padding-right: 35px;
}
.news-single .news-visuals {
height: 151px;
}
.chef-team .chef-detail-inner {
padding: 5px 20px;
}
.chef-team .chef-detail .type {
margin-bottom: 10px;
}
.chef-team .chef-detail .social-icons-chef {
margin-top: 0;
}
.wrapper-home-slider.variation-two .slide-detail-inner {
padding: 12px;
}
.wrapper-home-slider.variation-two .slide-detail-inner h2 {
margin-bottom: 20px;
}
.wrapper-home-slider.variation-two .slide-detail-inner .short-separator {
margin-bottom: 0;
}
.hot-recipes-var2 .intro h3 {
margin-top: 0;
line-height: 24px;
}
.hot-recipes-var2 .intro p {
line-height: 21px;
}
.top-nav ul li {
margin-right: 20px;
}
.boxed-recipes .recipe-single {
width: 47%;
}
.wrapper-slider-nav {
height: 61px;
margin-top: -61px;
}
.slider-recipe-detail .recipe-specs li .count {
font-size: 20px;
}
.slider-recipe-detail .recipe-specs li .count span {
font-size: 19px;
}
.recipe-specs-2 li {
font-size: 14px;
min-width: 123px;
}
.listing .meta-listing {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.listing .meta-listing .post-meta {
margin-bottom: 10px;
}
.listing .meta-listing .rating-box {
text-align: left;
}
.listing-grid .listing {
width: 50%;
}
.listing-list .listing .additional-list-box .inner-items {
max-height: 162px;
}
.listing-list .listing .additional-list-box.ingre-box .inner-items {
max-height: 130px;
}
.listing-list .listing .image .extra-view {
font-size: 12px;
}
.listing-list .listing .image .extra-view i {
font-size: 16px;
margin-right: 2px;
}
.listing-list .listing .image .extra-view .text {
height: 19px;
}
.listing-list .listing .image .extra-view:hover .text {
width: 85px;
}
.col-size,
.split-images-inner {
height: 304px;
}
.container-hot-recipes .icon-container {
width: 18px;
}
.container-hot-recipes .post-meta.recipe {
margin-bottom: 10px;
}
.recipe-box p {
line-height: 21px;
}
.intro h3 {
line-height: 26px;
}
.homo-4-col .video-post {
height: 149px;
}
.hot-recipes-var2 .intro h3 {
font-size: 14px;
margin-bottom: 5px;
}
.hot-recipes-var2 .intro p {
margin-bottom: 5px;
}
.hot-recipes-var2 .intro .short-separator {
display: none;
}
.side-bar .flip-clock-wrapper ul {
width: 38px;
height: 46px;
}
.side-bar .flip-clock-wrapper ul li a div.up:after {
top: 22px;
}
.side-bar .flip-clock-wrapper ul li a div.down div.inn,
.side-bar .flip-clock-wrapper ul li a div.up div.inn {
font-size: 28px;
line-height: 44px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider {
height: 48px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
top: 14px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
bottom: 16px;
}
}
@media (max-width: 1199px) {
.sign-in-buttons {
display: none;
}
.small-user-nav {
display: block;
height: 48px;
background-color: #0c1923;
color: #cccccc;
position: relative;
}
.small-user-nav .sign-in-buttons {
display: block;
float: left;
margin: 2px 0 0 5px;
padding: 0;
}
.small-user-nav .sign-in-buttons .logged-in-user,
.small-user-nav .sign-in-buttons .header-login-btn {
display: block;
font-size: 14px;
border: none;
padding: 12px 20px;
position: relative;
max-width: 220px;
white-space: nowrap;
}
.small-user-nav .sign-in-buttons .logged-in-user i.fa-user,
.small-user-nav .sign-in-buttons .header-login-btn i.fa-user {
margin-right: 5px;
position: relative;
top: -1px;
}
.small-user-nav .sign-in-buttons .logged-in-user i.fa-angle-down,
.small-user-nav .sign-in-buttons .header-login-btn i.fa-angle-down {
position: relative;
top: 1px;
margin-left: 2px;
}
.small-user-nav .sign-in-buttons .login-menu {
display: none;
width: 200px;
position: absolute;
left: 0;
top: 45px;
background-color: #0c1923;
border: none;
color: #cccccc;
padding-left: 0;
z-index: 999999999;
}
.small-user-nav .sign-in-buttons .login-menu li {
display: block;
}
.small-user-nav .sign-in-buttons .login-menu li a {
display: block;
text-align: left;
padding: 3px 20px;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.small-user-nav .sign-in-buttons .login-menu li:first-child {
padding-top: 4px;
}
.small-user-nav .sign-in-buttons .login-menu li:last-child {
padding-bottom: 4px;
}
.small-user-nav .sign-in-buttons .login-menu li:hover {
background-color: #000000;
color: #ffffff;
}
.small-user-nav .sign-in-buttons .login-menu li:hover a {
color: #ffffff;
}
.small-user-nav .sign-in-buttons:hover a.logged-in-user,
.small-user-nav .sign-in-buttons:hover a.header-login-btn {
color: #ffffff;
border: none;
}
.header-social-icons {
float: none;
}
.header-social-icons li {
margin: 0 8px;
}
}
@media (min-width: 768px) {
.hot-recipes-var1 .row > div:nth-child(4n) {
clear: left;
}
}
@media (max-width: 991px) {
.logo-wrapper {
margin-top: 0px;
margin-bottom: 25px;
text-align: center;
}
.logo-wrapper img {
margin-top: 10px;
}
.wrapper-links {
text-align: center !important;
}
.banner-header {
margin-top: 30px;
}
.header-main {
text-align: center;
clear: both;
}
.header-main .logo-wrapper {
margin-bottom: 25px;
}
.header-main .outer-nav {
text-align: center;
}
.header-main .sign-in-buttons {
margin-bottom: 0;
}
.header-main .header-social-icons {
display: block;
}
.header-var2 .header-social-icons {
display: block;
}
.mean-container .mean-bar {
width: 70%;
float: right;
}
.mean-container .mean-bar {
padding-bottom: 0;
}
.main-menu li {
margin-left: 0;
}
.main-menu .submit-recipe {
padding: 0;
line-height: normal;
height: auto;
}
.custom-arrows {
display: none;
}
.submit-recipe {
height: auto;
}
.slider-box {
display: block;
}
.slider-box .slider-left,
.slider-box .slider-right {
width: 100%;
height: auto;
}
.slider-right .slide-detail {
height: auto;
}
.fluid-search-slider {
background: -webkit-linear-gradient(top, #5eaa2e 66px, #6ebe3b 50%);
background: -o-linear-gradient(top, #5eaa2e 66px, #6ebe3b 50%);
background: linear-gradient(to bottom, #5eaa2e 66px, #6ebe3b 50%);
}
.search-option span {
display: none;
}
.search-box {
margin-right: 0;
padding-right: 20px;
}
.search-box:after {
display: none;
}
form.search-box-home .slider-search-left,
.search-form .slider-search-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
form.search-box-home input,
.search-form input {
width: 100%;
}
.search-bar .search-form {
width: 100%;
}
.search-bar .search-form label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-bar .search-form label .screen-reader-text {
width: 10%;
line-height: 34px;
}
.search-bar .search-form label .search-field {
width: 90%;
}
.hot-row {
display: block;
}
.hot-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hot-row .col-size {
width: 100%;
height: 100%;
margin-bottom: 30px;
}
.split-images-inner {
height: auto;
}
.recipe-box .image img {
height: 100%;
}
.good-food-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.text-side,
.image-side {
width: 100%;
}
.wrapper-chefs {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.chef-single,
.news-single {
width: 50%;
margin-bottom: 30px;
}
.recipe-button {
text-align: left;
margin-top: 15px;
}
.footer-variant-one .footer-inner {
padding-left: 35px;
padding-right: 35px;
}
.subs-social-options .custom-col-options {
border: none;
}
.subs-social-options .left-side {
padding-right: 0;
}
.right-side {
padding-left: 0;
}
.wrapper-links {
margin-bottom: 20px;
}
.news-single .news-visuals {
height: 232px;
}
.single-recipe .recipe-detail .heading-bell.boxed:before,
.single-recipe .recipe-detail .heading-bell.boxed:after {
width: 40px;
}
.graphic-box .news-visuals {
overflow: hidden;
}
.chefs-card {
margin: 120px auto;
}
.chefs-var1 .chef-single {
width: 100%;
}
.homo-4-col .col-single {
margin-bottom: 30px;
}
.homo-4-col .col2fix {
display: block;
}
.all-chefs .head-chef {
display: block;
}
.all-chefs .head-chef .left-side {
width: 100%;
display: block;
text-align: center;
}
.all-chefs .head-chef .right-side {
width: 100%;
padding: 30px;
}
.wrapper-chef-team {
margin-left: -5%;
}
.chef-team > li {
width: 45%;
margin-left: 5%;
}
.chef-team > li:nth-child(2n+1) {
clear: both;
}
.wrapper-recipe-heading .heading {
width: 100%;
}
.chef-team > li:hover .chef-detail {
width: 112%;
}
.wrapper-home-slider.variation-two .custom-container-slide {
position: relative;
width: 100%;
padding: 0;
}
.wrapper-home-slider.variation-two .custom-container-slide .slide-detail {
width: 100%;
}
.wrapper-home-slider.variation-two .custom-container-slide .slide-detail .short-separator,
.wrapper-home-slider.variation-two .custom-container-slide .slide-detail .rating-box,
.wrapper-home-slider.variation-two .custom-container-slide .slide-detail .read-more-bordered {
display: none;
}
.wrapper-home-slider.variation-two .custom-container-slide .slide-detail .slide-detail-inner {
padding: 15px;
}
.wrapper-home-slider.variation-two .custom-container-slide .slide-detail .slide-detail-inner h2 {
font-size: 22px;
margin-bottom: 10px;
}
.wrapper-home-slider.variation-two .custom-container-slide .slide-detail .slide-detail-inner > p {
margin-bottom: 0;
}
.wrapper-home-slider.variation-two .slick-dots {
bottom: -50px;
}
.wrapper-home-slider.variation-two .slick-dots li button:before {
background-color: transparent;
border-color: transparent;
color: #000000;
}
.wrapper-home-slider.variation-two .slick-dots li.slick-active button:before {
background-color: #000000;
border-color: #000000;
}
.wrapper-home-slider.variation-two .fluid-slider-var2 .slick-slide > img {
display: none;
}
.wrapper-home-slider.variation-two .fluid-slider-var2 .slick-slide .slide-linked {
display: block;
}
.hot-recipes-var2 .intro-first .image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.hot-recipes-var2 .intro-first .intro {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.hot-recipes-var2 .split-images-var2 .image {
width: 40%;
}
.hot-recipes-var2 .split-images-var2 .intro {
width: 60%;
}
.hot-recipes-var2 .split-images-var2 .intro .intro-inner {
padding: 20px;
}
.custom-row-food-tabs,
.custom-col-food-tabs {
display: block;
}
.recipe-of-day {
margin-bottom: 30px;
}
.footer-variant-two .wrapper-logo-detail .right-side {
padding-top: 0;
}
.footer-social-icons {
text-align: left;
margin-top: 25px;
}
.footer-social-icons ul li {
margin-left: 0;
margin-right: 25px;
}
.widget-get-social ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.widget-get-social ul li {
margin-right: 15px;
}
.banner-login-wrapper {
text-align: center;
}
.banner-login-wrapper .wrapper-links {
text-align: center;
}
.boxed-recipes .recipe-single {
width: 47%;
}
#contact-form {
padding-right: 0;
}
.wrapper-slider-nav {
height: 70px;
margin-top: -70px;
}
.shopping-list-wrap ul {
width: 290px;
}
.listing-grid .listing {
width: 50%;
}
.our-chefs .chef-single {
width: 50%;
}
.homo-4-col .video-post {
height: 242px;
}
.wrapper-bg-video {
display: none;
}
.header-var1 .responsive-menu {
display: block;
}
.header-var1 .nav-collapse {
display: none;
}
.widget-overlay figure img {
max-width: 100%;
width: auto;
}
.pagination {
margin-bottom: 35px;
}
.side-bar .widget_tabs_recipe_widget .tabs-nav {
padding-left: 0;
}
.side-bar .widget_tabs_recipe_widget .tabs-nav li {
font-size: 14px;
}
.side-bar .widget_tabs_recipe_widget .tabs-nav li:last-child {
margin-bottom: 10px;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content {
padding: 24px 25px;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner {
position: relative;
overflow: hidden;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner .left-side {
float: left;
position: relative;
top: auto;
left: auto;
z-index: 9;
width: auto;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner .left-side img {
max-width: 100%;
width: auto;
opacity: 1;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner:hover .left-side img {
opacity: 1;
}
.side-bar {
margin-top: 50px;
}
.side-bar .flip-clock-wrapper {
padding-left: 0;
}
.side-bar .flip-clock-wrapper ul {
width: 98px;
height: 120px;
margin: 0 5px 5px !important;
}
.side-bar .flip-clock-wrapper ul li a div.up:after {
top: 59px;
}
.side-bar .flip-clock-wrapper ul li a div.down div.inn,
.side-bar .flip-clock-wrapper ul li a div.up div.inn {
font-size: 76px;
line-height: 114px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider {
width: 36px;
height: 122px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
width: 8px;
height: 8px;
left: 14px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
top: 45px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
bottom: 45px;
}
}
@media (max-width: 767px) {
.mean-container .mean-bar {
width: 60%;
float: right;
}
.news-single .news-visuals {
height: 178px;
}
.single-recipe {
margin-bottom: 30px;
}
.single-recipe .recipe-detail .heading-bell.boxed:before,
.single-recipe .recipe-detail .heading-bell.boxed:after {
width: 70px;
}
.comments-form label {
width: 100%;
float: none;
}
.comments-form input[type="text"],
.comments-form input[type="email"],
.comments-form textarea {
width: 100%;
}
.comments-form input[type="submit"] {
margin-left: 0;
}
.hot-recipes-var2 .hot-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.hot-recipes-var1 .row > div:nth-child(4n) {
clear: left;
}
.recipe-of-day {
min-height: 360px;
overflow: hidden;
}
.recipe-of-day img {
width: auto;
height: auto;
}
.recipe-of-day .recipe-contents {
margin: auto;
}
.inner-advance-search {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.inner-advance-search .form-field {
margin-bottom: 20px;
width: 80%;
margin-right: 0;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.inner-advance-search button {
width: 80%;
}
.wrapper-slider-nav {
height: auto;
margin-top: 0;
}
.wrapper-recipe-heading {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wrapper-recipe-heading .heading {
width: 100%;
margin-bottom: 20px;
}
.wrapper-recipe-heading .recipe-video {
width: 100%;
}
.wrapper-recipe-heading .recipe-video .button-dark {
display: inline-block;
padding: 0 30px;
}
.recipe-detail-body .print-button {
float: none;
display: block;
margin-bottom: 30px;
}
.ingredients-checkbox {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ingredients-checkbox .ingredients {
background-position: top right;
}
.ingredients-checkbox .ingredients,
.ingredients-checkbox .nutritional {
width: 100%;
}
.steps-list .step-image {
float: none;
width: auto;
}
.tags-icons .details-social-icons {
text-align: left;
}
.listing {
border: 1px solid #e4d9d1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.listing .listing-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.listing .image,
.listing .detail {
width: auto;
}
.listing .detail .chef-social-links {
text-align: left;
margin: 20px 0 10px;
}
.listing .detail .chef-social-links li {
margin-left: 0;
margin-right: 15px;
}
.listing-list .listing .additional-list-box .inner-items {
max-height: 230px;
}
.listing-list .listing .additional-list-box.ingre-box .inner-items {
max-height: 230px;
}
.recipe-comments ul li ul {
margin-left: 0;
}
.wrapper-recipe-heading .recipe-media {
width: 100%;
text-align: left !important;
}
.wrapper-recipe-heading .recipe-media a {
display: inline-block;
}
.wrapper-recipe-heading .recipe-media .watch-video {
padding: 0 20px;
}
.listing-grid .listing {
width: 100%;
}
.listing-grid .listing .meta-listing .rating-box {
text-align: center;
}
.recipe-of-day .recipe-contents-outer {
position: relative;
top: 0;
left: 0;
}
.recipe-of-day .recipe-contents {
max-width: 100%;
width: 100%;
}
.homo-4-col .video-post {
height: auto;
}
.comments-list li .gravatar {
margin-bottom: 20px;
float: none;
}
.comments-list li ul {
margin-left: 0;
}
.side-bar .flip-clock-wrapper {
width: 290px;
margin: 0 auto;
padding-left: 4px;
}
.side-bar .flip-clock-wrapper ul {
width: 38px;
height: 46px;
margin: 0 3px 15px !important;
}
.side-bar .flip-clock-wrapper ul li a div.up:after {
top: 22px;
}
.side-bar .flip-clock-wrapper ul li a div.down div.inn,
.side-bar .flip-clock-wrapper ul li a div.up div.inn {
font-size: 28px;
line-height: 42px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider {
width: 10px;
height: 46px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {
width: 5px;
height: 5px;
left: 2px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.top {
top: 14px;
}
.side-bar .flip-clock-wrapper .flip-clock-divider .flip-clock-dot.bottom {
bottom: 14px;
}
.side-bar #alarm-clock-settings {
width: 290px;
margin: 0 auto;
}
}
@media (max-width: 600px) {
.small-user-nav .sign-in-buttons .logged-in-user,
.small-user-nav .sign-in-buttons .header-login-btn {
max-width: 150px;
}
.recipe-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 50px;
width: 100%;
}
.recipe-box .intro {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.recipe-box .intro,
.recipe-box .image {
width: 100%;
}
.hot-row .col-size {
margin-bottom: 0;
}
.hot-row .full-image {
margin-bottom: 50px;
}
.hot-recipes-var2 .hot-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hot-recipes-var2 .hot-row .col-size {
margin-bottom: 30px;
}
.hot-recipes-var2 .split-images-var2 {
width: 100%;
padding: 0;
}
.hot-recipes-var2 .split-images-var2 .inner-split {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hot-recipes-var2 .split-images-var2 .common-split {
width: 100%;
}
.hot-recipes-var2 .split-images-var2 .image {
width: 100%;
}
.search-bar .search-form label .screen-reader-text {
width: 20%;
}
.search-bar .search-form label .search-field {
width: 80%;
}
.container-tags ul {
display: block;
float: none;
padding-top: 20px;
}
.container-tags ul li {
margin-left: 0;
margin-right: 30px;
margin-bottom: 20px;
}
.news-single .news-visuals {
height: 146px;
}
.wrapper-chef-team {
margin-left: auto;
}
.chef-team > li {
width: 75%;
margin-left: auto;
margin-right: auto;
}
.chef-team .chef-detail {
width: 100%;
}
.chef-team > li {
float: none;
}
.chef-team > li .chef-detail {
right: auto;
left: 0 !important;
}
.chef-team > li .chef-detail:before {
display: none;
}
.chef-team > li:hover .chef-detail {
right: auto;
left: 0;
}
.social-icons-chef {
float: none;
margin: 10px 0 0;
}
.social-icons-chef li {
display: inline-block;
}
.slider-recipe-detail {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.slider-recipe-detail .wrapper-slider-detail,
.slider-recipe-detail .recipe-specs {
width: 100%;
}
.slider-recipe-detail .recipe-specs {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.slider-recipe-detail .recipe-specs li {
padding: 10px 0;
min-width: 100px;
border: 1px solid #e4d9d1;
margin-left: -1px;
margin-top: -1px;
}
.listing .meta-listing {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.listing .meta-listing .post-meta {
margin-bottom: 10px;
}
.listing .meta-listing .rating-box {
text-align: left;
}
.chef-team > li:hover .chef-detail {
width: auto;
}
.error-404 .title-404 {
font-size: 100px;
}
.error-404 .title-404 .zero {
font-size: 18px;
}
.error-404 p {
font-size: 14px;
line-height: 20px;
}
.error-404 .home-url {
font-size: 18px;
}
}
@media (max-width: 500px) {
.recipe-banner {
padding-left: 25px;
}
.recipe-banner img {
position: relative;
left: 0;
margin-bottom: 25px;
max-width: 100%;
}
.news-single {
width: 100%;
}
.news-single .news-visuals {
height: auto;
}
.custom-col-xxs {
width: 100%;
}
.post-author {
display: block;
}
.post-author .avatar {
margin-bottom: 20px;
}
.post-author .avatar,
.post-author .detail {
width: auto;
}
.post-author .detail .social-icons {
float: none;
}
.comments-list li .comment-inner {
display: block;
}
.comments-list li .comment-inner .gravator {
width: auto;
margin-bottom: 20px;
}
.comments-list li .comment-inner .detail {
width: auto;
}
.comments-list li ul {
margin-left: 0;
}
.hot-recipes-var2 .hot-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hot-recipes-var2 .hot-row .col-size {
margin-bottom: 30px;
}
.hot-recipes-var2 .split-images-var2 {
width: 100%;
padding: 0;
}
.boxed-recipes {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.boxed-recipes .recipe-single {
width: 90%;
}
.recipe-detail-body {
padding: 25px 10px;
}
.recipe-comments .avatar {
float: none;
}
.slider-recipe-detail2 .slider-video-button {
position: relative;
top: 0;
right: 0;
margin-top: 20px;
}
.our-chefs .chef-single {
width: 100%;
}
.our-chefs .chef-single:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.side-bar .widget_tabs_recipe_widget .tabs-nav {
padding-left: 0;
}
.side-bar .widget_tabs_recipe_widget .tabs-nav li {
font-size: 12px;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content {
padding: 24px 25px;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner {
position: relative;
overflow: hidden;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner .left-side {
float: left;
position: relative;
top: auto;
left: auto;
z-index: 9;
width: auto;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner .left-side img {
max-width: 100%;
width: auto;
opacity: 1;
}
.side-bar .widget_tabs_recipe_widget .tabs-container .tab-content .content-inner:hover .left-side img {
opacity: 1;
}
}
@media (max-width: 400px) {
.mean-container .mean-bar {
float: none;
width: 100%;
}
.mean-container .mean-nav {
margin-top: 42px;
}
.small-user-nav {
float: none;
clear: both;
width: 100%;
}
.small-user-nav .sign-in-buttons .logged-in-user,
.small-user-nav .sign-in-buttons .header-login-btn {
max-width: 150px;
}
.chef-single,
.news-single {
width: 100%;
}
.post-single .prev-next-links li {
font-size: 11px;
vertical-align: top;
}
.chef-team > li {
width: 100%;
}
.chefs-card h2 {
font-size: 22px;
}
.error-404 .title-404 {
font-size: 24px;
}
.error-404 .title-404 .zero {
vertical-align: top;
display: inline;
padding: 0 2px;
}
.search-bar .search-form label .screen-reader-text {
width: 30%;
}
.search-bar .search-form label .search-field {
width: 70%;
}
}  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .recipe-search .category-list ul li {
padding-top: 5px;
padding-bottom: 5px;
}
.recipe-search .category-list ul li a {
-webkit-transition: 0;
-o-transition: 0;
transition: 0;
}
.search-carousel a {
-webkit-transition: 0;
-o-transition: 0;
transition: 0;
}
.all-chefs .head-chef .right-side .expertise li a {
-webkit-transition: 0;
-o-transition: 0;
transition: 0;
}
.latest-news-widget li .detail {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.listing-grid .listing .detail .meta-listing .post-meta,
.listing-grid .listing .detail .meta-listing .rating-box {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
}  @media print {
.sign-in-buttons,
.logged-in-user,
.wrapper-links,
.banner-login-wrapper,
.buttons-steps,
.top-nav,
.banner,
.slider-video-button,
.advance-search,
aside,
.wrapper-slider-nav,
.recipe-media,
.tags-icons,
.separator-post,
.related-recipes,
.chef-social-links,
.comment-form,
.footer,
.wrapper-links,
.recipe-submit-banner,
.shopping-list-wrap,
.outer-nav,
.banner,
.read-more-angle,
.sticky-header-wrap,
#recipe-slider-carousel,
.banner-blog {
display: none !important;
}
.header {
margin: 0;
}
.header .logo-wrapper {
margin: 0;
}
.header .logo-wrapper .site-title {
margin: 0 0 10px;
font-size: 22px;
}
.recipes-home-body.inner-page {
margin-top: 5px;
}
.recipes-home-body.inner-page .recipe-set {
margin-top: 20px;
}
.recipes-home-body.inner-page .recipe-set .single-recipe-detail {
overflow: hidden;
}
.recipes-home-body.inner-page .recipe-set .single-recipe-detail .single-recipe-title {
font-size: 16px;
float: left;
}
.recipes-home-body.inner-page .recipe-set .single-recipe-detail .rating-box {
float: right;
}
.recipes-home-body.inner-page .ingredients-checkbox {
margin-bottom: 0;
}
.recipes-home-body.inner-page .ingredients-checkbox .ingredients .ingre-tabs {
display: none;
}
.recipes-home-body.inner-page .ingredients-checkbox .ingredients .print-only-titles {
display: block;
}
.recipes-home-body.inner-page .ingredients-checkbox .ingredients .ingre-lists > div {
display: block !important;
width: 48%;
padding: 0 1%;
float: left;
margin-bottom: 20px;
}
.recipes-home-body.inner-page .ingredients-checkbox .ingredients .shop-list-add {
display: none;
}
.recipes-home-body.inner-page .ingredients-checkbox h3 {
margin-bottom: 5px;
}
.recipes-home-body.inner-page .ingredients-checkbox .nutrition-detail {
display: inline-block;
border: none;
}
.recipes-home-body.inner-page .ingredients-checkbox .nutrition-detail div {
display: inline-block;
margin-right: 15px;
}
a[href]:after {
content: none !important;
}
.recipes-home-body.inner-page {
padding-top: 0;
}
.recipe-detail-body {
margin-bottom: 0;
padding: 0;
}
.recipe-detail-body .print-button {
display: none;
}
.single-recipe-detail {
margin: 0;
}
.single-recipe-detail .slider-recipe-detail {
display: block !important;
}
.single-recipe-detail .slider-recipe-detail .slides {
width: 100% !important;
}
.single-recipe-detail .slider-recipe-detail li {
display: block;
max-width: 45% !important;
float: left;
margin: 0 15px 15px 0;
position: relative !important;
}
.single-recipe-detail .slider-recipe-detail .recipe-specs {
display: block;
float: left;
width: auto !important;
}
.single-recipe-detail .slider-recipe-detail .recipe-specs li {
display: inline-block;
margin-right: 15px;
border: none;
}
.single-recipe-detail .slider-recipe-detail .recipe-specs li span {
font-size: 14px;
}
.single-recipe-detail .slider-recipe-detail .recipe-specs li span.text {
margin-left: 6px;
}
.slider-recipe-detail2 .slick-track {
width: 100% !important;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
-ms-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.slider-recipe-detail2 .slick-track > div {
display: block;
width: 45% !important;
float: left;
margin: 0 15px 15px 0;
position: relative !important;
}
.slider-recipe-detail2 .slick-track > div img {
max-width: 100%;
}
.about-chef .listing {
border: none;
}
.about-chef .listing .detail {
border: none;
padding: 0;
}
.ingredients-checkbox {
border: none;
}
.ingredients-checkbox .ingredients {
padding: 0;
}
.ingredients-checkbox .ingredients ul li {
margin: 0;
padding: 0;
}
.ingredients-checkbox .ingredients ul li input {
display: none;
}
.ingredients-checkbox .nutritional {
padding: 0;
}
.recipe-steps {
page-break-inside: avoid;
}
.recipe-steps .accordion > dd {
display: block !important;
}
.tips-variations {
page-break-inside: avoid;
margin-bottom: 0;
padding: 0;
border: none;
}
.listing .image {
display: none;
}
.recipe-comments {
page-break-inside: avoid;
}
.slider-recipe-detail2 .slider-video-button {
display: none;
}
.recipe-detail-body .rating-box {
display: none;
}
.steps-detail .single-detail {
border-bottom: 1px solid #c9d6bf;
}
.recipe-specs-2 {
display: block;
}
.recipe-specs-2 li {
display: inline-block;
padding: 0 20px 0 0;
border-right: 1px solid #888888;
border-bottom: none;
margin: 10px 20px 20px 0;
min-width: auto;
}
.recipe-steps .accordion dt {
border: none;
padding: 0;
}
.recipe-steps .accordion dt .arrow {
display: none;
}
.recipe-steps .accordion dd {
display: block;
padding: 0;
margin: 0 0 15px;
}
}