.first-sub {
  display: none !important; }

/*-=Tablet screens=-*/
@media only screen and (max-width: 1024px) {
  /*max-width 1024px, tablet screens*/
  .row {
    padding-left: 8px;
    padding-right: 8px; }
    .row--posts {
      margin-bottom: 7px; }
    .row--slider {
      margin-top: -10px; }
    .row.single-recipe {
      margin-top: -5px; }
      .row.single-recipe .post-item--wrap {
        height: 251px; }
      .row.single-recipe .post-item__gallery {
        margin-top: -45px; }
      .row.single-recipe .recipe-info {
        margin-bottom: 59px; }
        .row.single-recipe .recipe-info__wrap {
          padding-left: 32px; }
      .row.single-recipe .single-post--image {
        padding-left: 0;
        padding-right: 0;
        margin-left: -8px;
        margin-right: -8px;
        width: calc(100% + 16px);
        height: 495px; }
        .row.single-recipe .single-post--image-video {
          height: auto; }
      .row.single-recipe .recipe-slider .slick-prev {
        left: 0;
        top: 50%; }
      .row.single-recipe .recipe-slider .slick-next {
        top: 50%;
        right: 0; }
    .row.load-more--container-2 {
      margin-top: 0; }
      .row.load-more--container-2 button.load-more {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 1.7px;
        padding-top: 16px;
        padding-bottom: 14px; }
  .columns {
    padding-left: 8px;
    padding-right: 8px; }
  .button--ingredients {
    margin-left: 0; }
  .share-wrap--intro {
    display: none; }
  .share-wrap:not(.share-wrap--intro) {
    margin-top: 38px;
    padding-bottom: 63px; }
    .share-wrap:not(.share-wrap--intro) .at-share-btn {
      width: 28px;
      height: 28px; }
  .main-content--search h1 {
    margin-bottom: 4px;
    padding-left: 31px; }
  .main-content--search h2 {
    padding-left: 30px;
    margin-bottom: 60px; }
  .main-content .search--container-page-page {
    margin-bottom: 3px; }
  .main-content .search--container-page-posts {
    padding-top: 40px; }
    .main-content .search--container-page-posts .result-text--wrap {
      margin-bottom: 40px; }
  .single-recipe .page-content {
    padding-left: 8px;
    padding-right: 8px; }
    .single-recipe .page-content h2 {
      font-size: 48px; }
  .single-recipe .steps__title--similar {
    margin-bottom: 21px; }
  .single-recipe .steps__item--ingred:before {
    left: -68px; }
  .single-recipe .steps__item--2 {
    padding-right: 20px; }
  .social--header {
    display: none; }
  .social--footer {
    max-width: 210px;
    margin-left: auto;
    margin-right: auto; }
  .social--responsive {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 180px; }
  .socres-title {
    display: block;
    color: #cf63ce;
    line-height: 45px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.71;
    margin-top: 9px;
    margin-bottom: 8px;
    display: block;
    letter-spacing: 0.5px; }
  #home-slider {
    margin-bottom: 20px; }
    #home-slider .slick-slide {
      height: 409px; }
      #home-slider .slick-slide__category--wrap {
        top: 20px; }
    #home-slider .slider-caption {
      max-width: 282px; }
      #home-slider .slider-caption__inner {
        margin-top: 51.7%; }
        #home-slider .slider-caption__inner .permalink {
          padding-top: 0; }
      #home-slider .slider-caption h3 {
        font-size: 24px;
        line-height: 1.21;
        letter-spacing: 1px;
        margin-bottom: 3px; }
  .post-item {
    height: 202px; }
    .post-item--wrap {
      margin-bottom: 34px;
      height: auto; }
      .post-item--wrap:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
    .post-item__text {
      width: 100%;
      margin-top: 0;
      margin-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 10px 0 0; }
      .post-item__text .link {
        color: #000000; }
    .post-item__category--wrap {
      top: 0; }
    .post-item__text {
      padding: 7px 0 0; }
    .post-item__gallery {
      margin-right: 10px;
      margin-top: -50px;
      color: #ffffff;
      line-height: 1;
      padding: 5px; }
      .post-item__gallery--video {
        background: url("../images/svg/button-video-black.svg");
        background-size: contain; }
        .post-item__gallery--video:hover, .post-item__gallery--video:active {
          background-image: url("../images/svg/button-video-purple.svg"); }
      .post-item__gallery--img {
        background-image: url("../images/svg/button-image-black.svg"); }
        .post-item__gallery--img:hover, .post-item__gallery--img:active {
          background-image: url("../images/svg/button-image-purple.svg"); }
    .post-item--featured__bg {
      margin-bottom: 30px; }
      .post-item--featured__bg .caption {
        width: 38.3%; }
        .post-item--featured__bg .caption__inner {
          padding-top: 121px;
          padding-left: 27.5px;
          padding-right: 50px; }
          .post-item--featured__bg .caption__inner .permalink {
            padding-top: 0;
            width: 100%; }
  .categories-list {
    display: none; }
  .footer .subscibe-form__title {
    padding-left: 41px; }
    .footer .subscibe-form__title:before {
      top: -50px;
      left: 50%; }
    .footer .subscibe-form__title h2 {
      font-size: 24px;
      margin-top: 2px;
      margin-bottom: 3px;
      line-height: 29px; }
  .footer .subscibe-form__form .form-wrap {
    padding-left: 50px;
    padding-right: 3px; }
    .footer .subscibe-form__form .form-wrap form .gfield_label {
      margin-top: -8px;
      margin-bottom: 16px; }
    .footer .subscibe-form__form .form-wrap form .gfield input {
      height: 41px; }
    .footer .subscibe-form__form .form-wrap .gform_button {
      height: 41px;
      font-size: 17px;
      padding-left: 10px; }
  .footer__top {
    min-height: 260px;
    padding-top: 55px;
    border-bottom: none; }
    .footer__top .overlay-bg {
      top: 0; }
  .footer__bottom {
    padding-top: 20px;
    min-height: 150px; }
    .footer__bottom .links {
      padding-top: 5px; }
      .footer__bottom .links .links__title {
        display: none; }
      .footer__bottom .links:not(.links--social) {
        display: none; }
    .footer__bottom .footer-logo {
      margin-bottom: 15px; }
      .footer__bottom .footer-logo .desktop {
        display: none; }
      .footer__bottom .footer-logo img {
        width: 150px; }
  .footer__copyright .copyright-content {
    font-size: 8px;
    letter-spacing: 1.2px; }
  .intro--wrap {
    margin-bottom: 36px; }
    .intro--wrap .intro {
      margin-top: -9px;
      height: 190px;
      background-size: cover;
      background-position: 50% 0%;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center; }
      .intro--wrap .intro h1 {
        font-size: 48px;
        letter-spacing: 0.6px;
        margin-bottom: -1px; }
	.intro--wrap .intro div.recipe {
        font-size: 48px;
        letter-spacing: 0.6px;
        margin-bottom: -1px; }
      .intro--wrap .intro span {
        font-size: 10px; }
      .intro--wrap .intro__inner {
        margin-top: 10px; }
    .intro--wrap .breadcrumbs {
      padding-left: 20px; }
      .intro--wrap .breadcrumbs__separator {
        margin: 0 9.5px; }
  .intro__overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4); }
  .comment.row {
    margin-top: 44px; }
  .comment--wrap {
    padding-top: 28px;
    padding-left: 22px;
    margin-top: 28px;
    padding-right: 21px; }
  .comment__head {
    margin-bottom: 65px; }
  .comment .rating-line {
    margin-right: 22px; }
  .comment__rating-statistics {
    border-bottom: 2px solid #d0d0d0; }
  .comment__form {
    padding-top: 15px; }
  .comments-load-wrap {
    text-align: center; }
    .comments-load-wrap #button__load {
      width: 99%;
      margin-right: 0; }
  .page-content {
    padding-left: 39px;
    padding-right: 40px; }
    .page-content h1 {
      font-size: 28px; }
    .page-content h2 {
      font-size: 24px; }
    .page-content h3 {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.7px;
      line-height: 1.7; }
    .page-content h4 {
      font-size: 14px; }
    .page-content h5 {
      font-size: 13px; }
    .page-content h6 {
      font-size: 12px; }
    .page-content p {
      font-size: 14px; }
    .page-content--p {
      padding-left: 46px; }
    .page-content--form .gform_description {
      font-size: 24px;
      letter-spacing: 0.44px;
      margin-bottom: 28px;
      display: inline-block; }
    .page-content--form .gfield_description {
      margin-bottom: 10px; }
    .page-content--form .ginput_container input {
      margin-bottom: 32px;
      height: 40px; }
    .page-content--form .gform_button {
      height: 40px;
      margin-top: 10px; }
  .single-post--image {
    height: 347px;
    width: calc(100% + 16px);
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 35px; }
  .single-post .steps__title {
    margin-top: 53px;
    margin-bottom: 39px; }
  .single-post .post-item--wrap {
    height: 251px; }
  .single-post .post-item__gallery {
    margin-top: -45px; }
  .single-post .page-content h2 {
    margin-top: 5px; }
  .single-post .page-content p {
    line-height: 2.45;
    letter-spacing: -0.12px; }
  .single-post .page-content blockquote p {
    line-height: 1.43;
    letter-spacing: -0.4px;
    padding-left: 39px;
    margin-bottom: 52px; }
  .single-page .page-content h2 {
    margin-top: 5px; }
  .single-page .page-content h3 {
    margin-top: 11px;
    margin-bottom: 42px; }
  .single-page .page-content p {
    line-height: 2.45;
    letter-spacing: -0.12px;
    margin-bottom: 34px; }
  .single-page .page-content h3 {
    margin-bottom: 16px; }
  .share-wrap:not(.share-wrap--intro).share-wrap--post {
    margin-top: 34px;
    padding-bottom: 64px; } }

/*-=Small screens=-*/
@media only screen and (max-width: 1024px) {
  /* TOP BAR Mobile STYLING */
  .menu-block {
    overflow: hidden; }
  .header {
    padding-top: 13px; }
    .header .header-menu--desktop {
      display: none; }
    .header .header-menu--mobile .menu-item-has-children a:after {
      content: '\f054';
      display: inline-block;
      margin-left: 21px;
      font-size: 14px;
      font-weight: 900;
      font-family: "Font Awesome 5 Free"; }
    .header .header-menu--mobile .menu-item-has-children a.back-button {
      -webkit-transform: translateX(28px);
      -ms-transform: translateX(28px);
      transform: translateX(28px);
      padding-bottom: 3px; }
      .header .header-menu--mobile .menu-item-has-children a.back-button:after {
        display: inline-block;
        -webkit-transform: translateX(-94px) rotate(180deg);
        -ms-transform: translateX(-94px) rotate(180deg);
        transform: translateX(-94px) rotate(180deg); }
    .header .header-menu--mobile .menu-item-has-children .submenu a:after {
      display: none; }
    .header .header-menu--mobile .menu-item-has-children .submenu .accordion-title {
      padding: 0;
      border: none; }
      .header .header-menu--mobile .menu-item-has-children .submenu .accordion-title:hover, .header .header-menu--mobile .menu-item-has-children .submenu .accordion-title:focus {
        background-color: transparent; }
      .header .header-menu--mobile .menu-item-has-children .submenu .accordion-title:after {
        content: '+';
        display: inline-block;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      .header .header-menu--mobile .menu-item-has-children .submenu .accordion-title:before {
        display: none; }
    .header .header-menu--mobile .menu-item-has-children .submenu .accordion-item.is-active .accordion-title:after {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    .header .header-menu--mobile .menu-item-has-children .submenu .accordion-item.is-active .accordion-title:before {
      display: none; }
    .header .header-menu--mobile .menu-item-has-children .submenu .accordion-content {
      background-color: #202020;
      margin-left: -45px;
      padding-left: 45px;
      padding-top: 2.5px;
      padding-bottom: 10px;
      margin-bottom: 7px; }
      .header .header-menu--mobile .menu-item-has-children .submenu .accordion-content li {
        border: none;
        padding: 10px 0 1.1px; }
        .header .header-menu--mobile .menu-item-has-children .submenu .accordion-content li a {
          color: #aaaaaa;
          font-size: 10px;
          font-weight: 600;
          letter-spacing: 2px; }
      .header .header-menu--mobile .menu-item-has-children .submenu .accordion-content:last-child {
        border: none; }
    .header .header-menu--mobile .menu-item-has-children .submenu li:last-child {
      border: none;
      padding-bottom: 0; }
    .header .logo {
      padding-left: 8px; }
    .header .button--close-responsive {
      background-color: transparent;
      display: block; }
      .header .button--close-responsive--bg {
        background: url("../images/svg/button-x-white.svg") 50% 50% no-repeat; }
        .header .button--close-responsive--bg:hover, .header .button--close-responsive--bg:active {
          background: url("../images/svg/button-x-purple.svg") 50% 50% no-repeat; }
      .header .button--close-responsive .fas {
        font-size: 0; }
      .header .button--close-responsive-menu {
        position: static;
        margin-right: 0;
        height: 30px;
        width: 30px;
        margin-top: -38px;
        float: right; }
        .header .button--close-responsive-menu--wrap {
          width: 100%;
          height: 30px;
          padding-top: 21px;
          padding-right: 14px; }
      .header .button--close-responsive-search {
        width: 57px; }
      .header .button--close-responsive .fas {
        color: #cf63ce; }
    .header .search--container {
      height: 100vh;
      width: 100%;
      top: 0;
      background: rgba(0, 0, 0, 0.95);
      padding-top: 110px; }
      .header .search--container .row--search {
        width: 71.4%;
        padding-right: 0;
        padding-left: 0;
        border-bottom: 1px solid #616161;
        padding-bottom: 0px; }
        .header .search--container .row--search input[type=search] {
          height: 30px; }
        .header .search--container .row--search #searchsubmit {
          background-image: url("../images/svg/button-search-white.svg");
          -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg);
          width: 20px;
          height: 21px; }
      .header .search--container #s,
      .header .search--container #s::-webkit-input-placeholder {
        font-family: "Montserrat", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.71;
        letter-spacing: 1px; }
      .header .search--container #s,
      .header .search--container #s:-ms-input-placeholder {
        font-family: "Montserrat", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.71;
        letter-spacing: 1px; }
      .header .search--container #s,
      .header .search--container #s::-ms-input-placeholder {
        font-family: "Montserrat", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.71;
        letter-spacing: 1px; }
      .header .search--container #s,
      .header .search--container #s::placeholder {
        font-family: "Montserrat", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.71;
        letter-spacing: 1px; }
    .header .first-sub {
      display: none !important; }
      .header .first-sub.active {
        display: block !important;
        position: static; }
    .header .menu-icon--desktop {
      display: none; }
    .header .button--search {
      position: static;
      float: right;
      background-color: transparent;
      width: 30px;
      margin-right: 54px;
      margin-top: 16px; }
      .header .button--search .fas {
        color: #84dade; }
    .header .menu-item-has-children .submenu {
      border: none; }
      .header .menu-item-has-children .submenu:not(.accordion-content) {
        display: none; }
      .header .menu-item-has-children .submenu .submenu-title {
        display: none !important; }
      .header .menu-item-has-children .submenu .menu-item-type-yawp_wim
.yawp_wim_wrap {
        display: none !important; }
  .title-bar {
    background-color: transparent;
    /* collapsed menu bar color */
    padding: 0;
    line-height: 45px;
    width: 30px;
    height: 40px;
    position: absolute;
    right: 19px;
    top: 5px; }
    .title-bar .title-bar-title {
      vertical-align: top; }
    .title-bar .menu-icon {
      position: relative;
      display: inline-block;
      padding: 0;
      width: 29px;
      height: 45px;
      background-color: transparent;
      vertical-align: top;
      cursor: pointer;
      outline: none; }
      .title-bar .menu-icon:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        background: #fefefe;
        top: 50%;
        left: 0;
        margin-top: -9px;
        -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
        box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
        height: 4px;
        background: #cf63ce;
        border-radius: 25px;
        -webkit-box-shadow: 0 8px 0 #cf63ce, 0 16px 0 #cf63ce;
        box-shadow: 0 8px 0 #cf63ce, 0 16px 0 #cf63ce;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
  .top-bar {
    position: absolute;
    right: -200%;
    display: block;
    width: 282px;
    height: auto;
    padding: 0;
    background: rgba(0, 0, 0, 0.95);
    /* menu list background color */
    height: 100vh;
    position: absolute;
    top: -15px;
    padding-left: 45px;
    padding-top: 39px; }
    .top-bar ul {
      background: transparent;
      margin: 0;
      list-style: none;
      padding: 0; }
      .top-bar ul li {
        padding: 9px 0 3px;
        border-bottom: 1px solid  #616161; }
        .top-bar ul li > a {
          display: block;
          font-family: "Montserrat", sans-serif;
          color: #ffffff;
          background: transparent;
          /* menu item background color */
          line-height: 45px;
          font-size: 14px;
          font-weight: 600;
          text-transform: uppercase;
          line-height: 1.71;
          letter-spacing: 0.7px; }
          .top-bar ul li > a:hover {
            color: #cf63ce !important;
            /* menu item background color on hover */ }
        .top-bar ul li:first-of-type {
          border-top: 1px solid  #616161; }
        .top-bar ul li.current-menu-item > a, .top-bar ul li.current_page_ancestor > a {
          color: #cf63ce !important;
          /* current/parent menu item background color */ }
        .top-bar ul li.has-dropdown a:after {
          display: none; }
        .top-bar ul li.has-dropdown .accordion-toggle {
          display: block;
          position: absolute;
          width: 50px;
          height: 45px;
          right: 0;
          top: 0;
          color: #fff;
          /* dropdown arrow color */
          z-index: 100;
          text-align: center; }
          .top-bar ul li.has-dropdown .accordion-toggle i.fa {
            font-size: 13px;
            line-height: 1;
            height: 13px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
        .top-bar ul li[aria-expanded="true"] > a {
          background: #cb57ca;
          /* menu item background color on open dropdown */ }
          .top-bar ul li[aria-expanded="true"] > a .accordion-toggle i.fa {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg); }
        .top-bar ul li .submenu a {
          padding-left: 0; }
  .alignright, .alignleft, .aligncenter, .alignnone {
    float: none;
    margin: 0 0 1em; } }

/* max-width 640px and lower. Use this for mobiles only */
/*-=Medium screens=-*/
@media only screen and (min-width: 1025px) {
  /* TOP BAR STYLING */
  .header .menu-item-has-children {
    position: static; }
    .header .menu-item-has-children .menuPopUpTest {
      display: none;
      position: absolute;
      background: #efefef;
      width: 100%;
      left: 0;
      top: 55px; }
      .header .menu-item-has-children .menuPopUpTest:active {
        display: block; }
      .header .menu-item-has-children .menuPopUpTest .menu-links {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .header .menu-item-has-children .menuPopUpTest .menu-links .post-item--wrap {
          width: 100%; }
        .header .menu-item-has-children .menuPopUpTest .menu-links.large-8 .post-item--wrap {
          width: 468px;
          padding: 0 10px; }
      .header .menu-item-has-children .menuPopUpTest h2 {
        font-family: soap, sans-serif;
        font-size: 48px;
        font-weight: normal;
        letter-spacing: 0.8px; }
      .header .menu-item-has-children .menuPopUpTest .menu-popup-inner {
        width: 1416px;
        max-width: 100%;
        margin: 0 auto;
        padding-top: 77px;
        padding-bottom: 19px; }
        .header .menu-item-has-children .menuPopUpTest .menu-popup-inner .submenu-custom {
          display: -webkit-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          position: static;
          -webkit-flex-direction: column;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-align-content: space-between;
          -ms-flex-line-pack: justify;
          align-content: space-between;
          padding-right: 1.8%;
          height: 260px; }
          .header .menu-item-has-children .menuPopUpTest .menu-popup-inner .submenu-custom li.menu-item {
            width: 180px;
            margin-right: 20px;
            margin-bottom: 2.4px; }
            .header .menu-item-has-children .menuPopUpTest .menu-popup-inner .submenu-custom li.menu-item > a {
              padding-left: 0;
              line-height: 2.65; }
          .header .menu-item-has-children .menuPopUpTest .menu-popup-inner .submenu-custom .submenu {
            display: -webkit-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: static;
            -webkit-flex-direction: column;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
            .header .menu-item-has-children .menuPopUpTest .menu-popup-inner .submenu-custom .submenu li {
              width: auto;
              float: none;
              margin-right: 0;
              margin-bottom: 0; }
              .header .menu-item-has-children .menuPopUpTest .menu-popup-inner .submenu-custom .submenu li > a {
                font-size: 12px;
                font-weight: 600;
                line-height: 2;
                color: #aaaaaa;
                margin-right: 0; }
                .header .menu-item-has-children .menuPopUpTest .menu-popup-inner .submenu-custom .submenu li > a:hover {
                  color: #cf63ce; }
        .header .menu-item-has-children .menuPopUpTest .menu-popup-inner li {
          float: none; } }
  @media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .header .menu-item-has-children .is-dropdown-submenu {
      min-height: 600px; } }

@media only screen and (min-width: 1025px) {
    .header .menu-item-has-children .is-dropdown-submenu.active {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .header .menu-item-has-children .is-dropdown-submenu .menu-item.menu-item-type-yawp_wim {
      width: 50%; }
      .header .menu-item-has-children .is-dropdown-submenu .menu-item.menu-item-type-yawp_wim .large-offset-2 {
        margin-left: calc(16.66667% + 7px); }
    .header .menu-item-has-children .is-dropdown-submenu .submenu-title {
      position: absolute;
      top: 76px;
      width: auto; }
    .header .menu-item-has-children .is-dropdown-submenu h2 {
      font-family: soap, sans-serif;
      font-size: 48px;
      font-weight: normal;
      letter-spacing: 0.8px; }
    .header .menu-item-has-children .is-dropdown-submenu li.menu-item:not(.menu-item-type-yawp_wim) {
      width: auto;
      float: none; }
      .header .menu-item-has-children .is-dropdown-submenu li.menu-item:not(.menu-item-type-yawp_wim) > a {
        padding-left: 0;
        line-height: 2.75;
        margin-right: 64px; }
      .header .menu-item-has-children .is-dropdown-submenu li.menu-item:not(.menu-item-type-yawp_wim) .submenu li > a {
        line-height: 2; }
    .header .menu-item-has-children .is-dropdown-submenu li.menu-item.menu-item-type-yawp_wim .menu-links {
      position: absolute;
      width: 40%;
      left: 60%;
      top: 16.5%; }
      .header .menu-item-has-children .is-dropdown-submenu li.menu-item.menu-item-type-yawp_wim .menu-links.wide {
        width: 66.2%;
        left: 34%; }
    .header .menu-item-has-children .is-dropdown-submenu .submenu {
      display: block;
      position: static;
      padding-left: 0;
      padding-top: 0; } }
    @media only screen and (min-width: 1025px) and (max-width: 1200px) {
      .header .menu-item-has-children .is-dropdown-submenu .submenu {
        min-height: auto; } }

@media only screen and (min-width: 1025px) {
      .header .menu-item-has-children .is-dropdown-submenu .submenu li {
        width: auto;
        float: none; }
        .header .menu-item-has-children .is-dropdown-submenu .submenu li > a {
          font-size: 12px;
          font-weight: 600;
          line-height: 1.9;
          color: #aaaaaa; }
          .header .menu-item-has-children .is-dropdown-submenu .submenu li > a:hover {
            color: #cf63ce; }
  .title-bar {
    display: none; }
  .top-bar {
    padding: 0;
    padding-left: 22px;
    padding-top: 18px;
    background-color: transparent;
    /* Dropdown item styling */ }
    .top-bar ul {
      background: transparent;
      margin: 0;
      list-style: none;
      padding: 0; }
    .top-bar .header-menu--mobile {
      display: none; }
    .top-bar .header-menu li {
      float: left;
      background-color: transparent; }
      .top-bar .header-menu li > a {
        /* Regular menu item style */
        display: block;
        padding: 0 14.7px;
        background: transparent;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        color: #cf63ce;
        font-family: "Montserrat", sans-serif; }
      .top-bar .header-menu li.current-menu-item > a, .top-bar .header-menu li.current_page_ancestor > a, .top-bar .header-menu li.current_page_parent > a {
        /* Style of Current page and Ancestor page */
        color: #cf63ce; }
      .top-bar .header-menu li.has-dropdown > a {
        /* Style of item with dropdown */
        padding: 0 15px; }
        .top-bar .header-menu li.has-dropdown > a:after {
          /* Hide dropdown arrow */
          display: none !important; }
        .top-bar .header-menu li.has-dropdown > a:hover {
          /* Hover state for dropdown link */ }
      .top-bar .header-menu li > a:hover {
        /* menu item style on hover */
        color: #e79cda;
        background-color: transparent; }
    .top-bar .header-menu:after {
      content: '';
      display: table;
      clear: both; }
    .top-bar ul li:hover > a {
      /* Parent link style on dropdown hover */
      color: #e79cda; }
    .top-bar .submenu {
      display: none;
      border: none;
      background-color: #efefef; }
      .top-bar .submenu li {
        display: block; }
        .top-bar .submenu li:hover > a {
          color: #cf63ce; }
        .top-bar .submenu li > a {
          /* Regular link in dropdown */
          color: #000000;
          padding-left: 0;
          font-size: 14px;
          font-weight: 600;
          line-height: 1.57; }
          .top-bar .submenu li > a:hover {
            /* Dropdown link on hover */
            color: #cf63ce; }
    .top-bar .is-dropdown-submenu .is-dropdown-submenu {
      margin-top: 0; }
      .top-bar .is-dropdown-submenu .is-dropdown-submenu li a {
        /* Styles for 2nd level dropdown menu link */ }
      .top-bar .is-dropdown-submenu .is-dropdown-submenu .submenu li {
        width: auto; }
  /* Align Menu to the right
		 .top-bar .header-menu { float:right; }*/
  /* Align Menu to the center
		 .top-bar .header-menu { text-align: center; }
		 .top-bar .header-menu > li{ float: none; display: inline-block; } */ }

/* min-width 641px */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ }

/*-=Large screens=-*/
@media only screen and (min-width: 1025px) {
  /*min-width 1025px, large screens*/
  .button--return-to-top {
    display: none !important; }
  .socres-title {
    display: none !important; }
  .social--responsive {
    display: none !important; }
  .footer-logo .mobile {
    display: none; }
  .intro__overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
  }  }

@media only screen and (min-width: 1025px) and (max-width: 1063px) {
  .button--print {
    width: auto; } }

@media only screen and (min-width: 1201px) {
  /* min-width 1201px, large screens*/ }

@media only screen and (min-width: 1201px) and (max-width: 1280px) {
  /* min-width 1201px and max-width 1280px, use when QAing MacBook issues */ }

/*-=Medium and Large screens=-*/
@media only screen and (min-width: 642px) {
  /*min-width 1025px, large screens*/
  .back--wrap {
    display: none; }
  .button--made-it--mobile {
    display: none; }
  .recipe-title {
    margin-bottom: 59px; }
  .post-item--featured .video-recipe--wrap {
    display: none; }
  .button--video-ft.post-item__gallery--video {
    display: none; } }

@media only screen and (min-width: 642px) and (max-width: 671px) {
  .single-recipe .recipe-info__link a {
    margin-right: 0; } }

/*-=Mobile screens=-*/
@media only screen and (max-width: 641px) {
  .share-wrap--post:not(.share-wrap--intro) {
    margin-top: 3px;
    margin-left: 17px !important; }
  .row--slider {
    margin-top: -15px; }
  .button--made-it--desktop {
    display: none; }
  .button--print {
    display: none; }
  .no-bg-small {
    background: none !important; }
  .header .button--search {
    margin-right: 54px;
    margin-top: -25px; }
  .header .search--container .row--search {
    width: 91%; }
  .header .top-bar {
    width: 259px;
    padding-left: 32px; }
  .header .header-menu--mobile .menu-item-has-children .submenu .accordion-content {
    margin-left: -32px;
    padding-left: 32px; }
  .button--ingredients {
    margin-top: -7px;
    margin-bottom: 41px; }
  .addthis_toolbox .at300b {
    width: 20px !important;
    height: 20px;
    margin-bottom: 1px; }
  .addthis_toolbox .button_insta {
    width: 20px !important;
    height: 20px;
    margin-bottom: 1px; }
  .intro {
    position: relative; }
    .intro--wrap {
      padding-left: 0;
      padding-right: 0;
      margin-top: -25px;
      margin-bottom: 14px; }
      .intro--wrap .columns {
        padding-left: 0;
        padding-right: 0; }
      .intro--wrap .breadcrumbs {
        display: none; }
      .intro--wrap .intro {
        margin-top: 0;
        height: 120px; }
        .intro--wrap .intro__inner {
          margin-top: 25px;
          position: relative; }
        .intro--wrap .intro h1 {
          font-size: 24px; }
	.intro--wrap .intro div.recipe {
          font-size: 24px; }
  .share-wrap:not(.share-wrap--intro) {
    margin-top: 29px;
    padding-bottom: 59px; }
    .share-wrap:not(.share-wrap--intro) .at-share-btn-elements {
      padding-top: 2px;
      padding-right: 1px; }
    .share-wrap:not(.share-wrap--intro) .at-share-btn {
      width: 20px;
      height: 20px; }
  .post-item {
    height: 156px;
    position: relative; }
    .post-item--wrap {
      margin-bottom: 7px;
      height: auto;
      margin-bottom: 19px; }
    .post-item__inner {
      height: 156px; }
    .post-item__text {
      background: transparent;
      height: auto;
      min-height: 43px;
      margin-top: 0;
      padding: 5px 0 0;
      position: relative;
      margin-bottom: 0; }
      .post-item__text--desktop {
        display: none; }
      .post-item__text--respons {
        display: block;
        background: #ffffff; }
    .post-item__category .category {
      font-size: 9px; }
    .post-item__gallery {
      margin-top: -45px; }
    .post-item--featured {
      height: 354px;
      margin-bottom: 28px; }
      .post-item--featured__category--wrap {
        top: 21px;
        z-index: 1; }
      .post-item--featured__bg {
        min-height: 246px;
        height: 246px; }
        .post-item--featured__bg .caption {
          background: #ffffff;
          max-width: 100%;
          width: 100%;
          height: 120px;
          padding: 0;
          padding-top: 10px;
          top: 100%; }
          .post-item--featured__bg .caption__inner {
            margin: 0;
            padding: 0; }
            .post-item--featured__bg .caption__inner h3, .post-item--featured__bg .caption__inner .permalink {
              color: #000000; }
            .post-item--featured__bg .caption__inner h3 {
              font-family: soap, sans-serif;
              font-weight: normal;
              font-size: 24px;
              margin-bottom: 10px;
              letter-spacing: 1.2px; }
            .post-item--featured__bg .caption__inner .permalink {
              padding-top: 0px; }
              .post-item--featured__bg .caption__inner .permalink__button {
                width: 20px;
                height: 20px;
                margin-left: -21px;
                margin-top: -4px; }
        .post-item--featured__bg .video-recipe {
          width: 100%;
          height: auto; }
        .post-item--featured__bg.no-bg-small .caption-main {
          display: none; }
        .post-item--featured__bg.no-bg-small .caption-video {
          display: block; }
      .post-item--featured-video {
        height: auto; }
        .post-item--featured-video .post-item--featured__bg {
          height: auto;
          min-height: auto;
          margin-bottom: 0; }
        .post-item--featured-video .caption-video {
          position: static; }
  .row.single-recipe .page-content h2 {
    margin-top: 21px;
    font-size: 24px;
    letter-spacing: 0.7px; }
  .row.single-recipe .recipe-info {
    margin-bottom: 31px; }
    .row.single-recipe .recipe-info__wrap {
      padding-left: 0;
      margin-top: 27px; }
    .row.single-recipe .recipe-info__count {
      border-bottom: 2px solid #efefef;
      padding-bottom: 22px; }
      .row.single-recipe .recipe-info__count .text {
        margin-left: 10px; }
    .row.single-recipe .recipe-info__link {
      padding-top: 16.11px;
      padding-bottom: 13px; }
      .row.single-recipe .recipe-info__link a {
        margin-right: 0;
        color: #cf63ce; }
        .row.single-recipe .recipe-info__link a:hover {
          color: #b956b8; }
    .row.single-recipe .recipe-info__inner {
      padding: 18px 0; }
    .row.single-recipe .recipe-info .counter {
      padding-bottom: 7px;
      margin-bottom: -18px;
      font-size: 14px; }
  .row.single-recipe .single-post--image {
    height: 231px;
    margin-bottom: 30px; }
  .row.single-recipe .steps__title {
    margin-bottom: 11px; }
    .row.single-recipe .steps__title--prep {
      margin-bottom: 21px; }
    .row.single-recipe .steps__title--similar {
      margin-bottom: 20px; }
  .row.single-recipe .steps__item {
    margin-left: 40px; }
    /* .row.single-recipe .steps__item--ingred {
      margin-left: 0; } */
      .row.single-recipe .steps__item--ingred:before {
        left: -40px;
        top: 6px; }
    .row.single-recipe .steps__item--2 {
      letter-spacing: 0.39px;
      padding-right: 0; }
    .row.single-recipe .steps__item .count {
      left: -40px;
      top: 0; }
  .footer-logo {
    text-align: center; }
  .footer__top {
    padding-top: 18px; }
  .footer__copyright {
    text-align: center; }
  .footer .subscibe-form {
    text-align: center; }
    .footer .subscibe-form__title {
      padding-left: 0; }
      .footer .subscibe-form__title:before {
        left: 45%; }
    .footer .subscibe-form__text {
      margin-bottom: 31px; }
    .footer .subscibe-form__form .form-wrap {
      padding: 0 9px; }
      .footer .subscibe-form__form .form-wrap form .gfield_label {
        margin-bottom: 6px;
        width: calc(100% + 50px); }
      .footer .subscibe-form__form .form-wrap form .gform_button {
        padding: 10px 9px; }
      .footer .subscibe-form__form .form-wrap .validation_message {
        margin-top: 0;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase; }
  .video-recipe {
    width: 100%;
    height: auto; }
  .button--video,
  .button--video-ft.post-item__gallery--video {
    width: 40px;
    height: 40px; }
  .comment.row {
    margin-top: 30px; }
  .comment--wrap {
    padding-top: 23px;
    padding-bottom: 29px; }
    .comment--wrap .row {
      padding-left: 0;
      padding-right: 0; }
  .comment__head {
    text-align: center;
    border-bottom: 2px solid #d0d0d0;
    margin-bottom: 19px;
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px); }
    .comment__head h2 {
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      padding-bottom: 18px;
      display: inline-block;
      border: none;
      padding-bottom: 0;
      margin-bottom: 19px; }
    .comment__head .comments-count {
      color: #cf63ce;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.43;
      margin-left: 0;
      margin-right: 17px; }
  .comment__rating-statistics {
    padding-bottom: 12px;
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 16px;
    padding-right: 16px;
    width: calc(100% + 16px); }
    .comment__rating-statistics .rating-line {
      width: 161px;
      margin-left: -2px;
      height: 18px;
      margin-right: 18px; }
    .comment__rating-statistics .count {
      font-size: 12px;
      font-weight: 600;
      line-height: 2;
      color: #000000;
      text-transform: uppercase; }
      .comment__rating-statistics .count--wrap {
        margin-bottom: 8px; }
  .comment__form {
    padding-top: 20px;
    padding-bottom: 14px;
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px);
    padding-left: 13px;
    padding-right: 15.5px;
    border-bottom: 2px solid #d0d0d0; }
    .comment__form .reviews-headline {
      display: block;
      font-size: 12px;
      font-weight: 600;
      line-height: 2;
      color: #cf63ce;
      text-transform: uppercase; }
    .comment__form .acf-field {
      margin-top: 20px;
      margin-bottom: 0px; }
      .comment__form .acf-field .acf-label {
        margin-bottom: 8px; }
    .comment__form .acf-input-wrap {
      margin-bottom: 12px; }
      .comment__form .acf-input-wrap input {
        height: 42px; }
    .comment__form .rating-container {
      margin-top: -8px; }
      .comment__form .rating-container label:last-of-type {
        margin-left: 0; }
    .comment__form .comment-form-comment {
      margin-top: 20px; }
    .comment__form #submit {
      width: 100%;
      background-color: #cf63ce;
      color: #ffffff; }
  .comment-item__rating {
    margin-bottom: 3px; }
    .comment-item__rating .stars--wrap {
      width: 50%;
      margin-left: -5px; }
  .comment-item__date {
    font-size: 12px; }
  .page-content {
    padding-left: 8px;
    padding-right: 8px; }
    .page-content h2 {
      letter-spacing: 0.8px; }
    .page-content h3 {
      line-height: 1.72; }
    .page-content p {
      letter-spacing: 1.3px;
      padding-right: 5px;
      line-height: 2.35; }
    .page-content--form .gform_heading {
      margin-bottom: 7px; }
    .page-content--form .gform_description {
      line-height: 1.25;
      margin-bottom: 19px; }
    .page-content--form .ginput_container {
      margin-bottom: 31px; }
      .page-content--form .ginput_container_textarea {
        margin-bottom: 17px; }
  .single-page {
    padding-top: 11px; }
    .single-page .page-content {
      padding-left: 8px; }
      .single-page .page-content h2 {
        margin-bottom: 19px; }
      .single-page .page-content h3 {
        margin-bottom: 28px; }
  .single-contact {
    padding-top: 15px; }
  .single-post .page-content h2 {
    margin-top: 17px;
    margin-bottom: 20px; }
  .single-post .page-content h3 {
    margin-bottom: 31px; }
  .single-post .page-content p {
    line-height: 2.35;
    letter-spacing: 1.4px;
    padding-right: 1px; }
  .single-post .page-content blockquote {
    text-align: center;
    padding: 0 4px;
    margin-bottom: 0;
    padding-top: 27px; }
    .single-post .page-content blockquote p {
      padding-left: 0;
      margin-bottom: 27px; }
    .single-post .page-content blockquote:before {
      left: 46%;
      top: -34px; }
  .single-post .single-post--image {
    height: 231px;
    margin-bottom: 31px; }
    .single-post .single-post--image-video {
      height: auto; }
  .single-post .share-wrap:not(.share-wrap--intro) {
    margin-top: 7px;
    margin-left: 0 !important; }
    .single-post .share-wrap:not(.share-wrap--intro).share-wrap--post {
      padding-bottom: 30px; }
  .single-post .steps__title {
    margin-top: 45px;
    margin-bottom: 28px; }
  .posts-navigation a {
    font-size: 10px;
    width: 45.43%; }
    .posts-navigation a[rel=next], .posts-navigation a.next-link {
      text-align: right;
      margin-bottom: -11px; }
      .posts-navigation a[rel=next] span, .posts-navigation a.next-link span {
        margin-right: 11.2%;
        letter-spacing: 2px; }
      .posts-navigation a[rel=next] .arrow, .posts-navigation a.next-link .arrow {
        margin-left: 5px;
        margin-bottom: -11px; }
    .posts-navigation a[rel=prev], .posts-navigation a.prev-link {
      text-align: left; }
      .posts-navigation a[rel=prev] span, .posts-navigation a.prev-link span {
        margin-left: 9.8%;
        letter-spacing: 2px; }
      .posts-navigation a[rel=prev] .arrow, .posts-navigation a.prev-link .arrow {
        margin-right: 5px;
        margin-bottom: -11px; }
  .main-content--search .search-headline {
    padding-top: 0; }
    .main-content--search .search-headline .page-title {
      font-size: 24px;
      padding-left: 0;
      margin-bottom: 9px; }
  .main-content--search h2 {
    padding-left: 0;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 29px; }
  .main-content--search .search--container-page {
    margin-bottom: 3px;
    padding-right: 8px;
    padding-left: 8px;
    border-bottom: none;
    padding-bottom: 0px; }
    .main-content--search .search--container-page form {
      border-bottom: 1px solid #616161; }
    .main-content--search .search--container-page input[type=search],
    .main-content--search .search--container-page #s {
      height: 30px;
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      font-weight: 600;
      color: #aaaaaa; }
      .main-content--search .search--container-page input[type=search]::-webkit-input-placeholder,
      .main-content--search .search--container-page #s::-webkit-input-placeholder {
        font-size: 14px;
        font-weight: 600;
        font-family: "Montserrat", sans-serif;
        color: #aaaaaa; }
      .main-content--search .search--container-page input[type=search]:-ms-input-placeholder,
      .main-content--search .search--container-page #s:-ms-input-placeholder {
        font-size: 14px;
        font-weight: 600;
        font-family: "Montserrat", sans-serif;
        color: #aaaaaa; }
      .main-content--search .search--container-page input[type=search]::-ms-input-placeholder,
      .main-content--search .search--container-page #s::-ms-input-placeholder {
        font-size: 14px;
        font-weight: 600;
        font-family: "Montserrat", sans-serif;
        color: #aaaaaa; }
      .main-content--search .search--container-page input[type=search]::placeholder,
      .main-content--search .search--container-page #s::placeholder {
        font-size: 14px;
        font-weight: 600;
        font-family: "Montserrat", sans-serif;
        color: #aaaaaa; }
    .main-content--search .search--container-page #searchsubmit {
      background-image: url("../images/svg/button-search-teal.svg");
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
      width: 20px;
      height: 21px; }
  .popup-slider .slick-dots {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); } }

@media print {
  .no-print, .no-print * {
    display: none !important; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root, .post-item__gallery {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root, .permalink__button {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root, .at300b {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root, .button_insta {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root, span.arrow {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; } }