@charset "utf-8"; *{margin:0; padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} body { font-family: 'Rubik', sans-serif; font-weight:400; margin: 0px;padding: 0px;color: #404041;font-size: 15px;line-height: 22px; position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: #f4f5f5; -webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} ul, ol { list-style:none; margin: 0px; padding: 0px;} a { text-decoration:none; color: #404041;} a:hover, a:focus {text-decoration:none; outline:none; } img:focus, input:focus, textarea:focus, button:focus, select:focus, .slick-slide:focus{outline:none;} p{color: #404041;font-size: 15px;line-height: 22px; margin-bottom: 1.5rem; } img{max-width: 100%;} h1, h2, h3, h4, h5, h6{margin-top: 0; color: #000; font-weight: 400;} h1{} h2{} h3{} h4{} h5{} h6{} .page-wrapper {overflow: hidden;} .delrecipe-fixed{/* overflow: hidden; */} .animation-element {opacity: 0; transform: translate3d(-150px,0,0); transition: transform 1.2s cubic-bezier(.14,1,.34,1),opacity .4s cubic-bezier(.215,.61,.355,1);} .animation-element.do-animation { opacity: 1; transform: translateZ(0); } .defult-btn{background: #f4f5f5; border: 2px solid #fff; font-weight: 300; padding: 8px 10px; display: inline-block;color: #404041;font-size: 15px;line-height: 22px; min-width: 270px; letter-spacing: 0.2px; border-radius: 21px; cursor: pointer; text-align: center; box-shadow: -2px 4px 15px rgba(0,0,0,0.15); transition: all 0.2s ease;} .defult-btn.pink-bg{background: #f1715c; color: #fff; min-width: 140px; } .defult-btn.green-bg{background: #1cb14d; color: #fff; min-width: 140px; } .defult-btn:hover, .defult-btn.green-bg:hover{background:#f1715c; color: #fff; } .defult-btn.pink-bg:hover{background: #1cb14d; color: #fff;} .form-group { margin-bottom: 15px;} .form-control{border: none; background: #f4f5f5; font-weight: 300; color: #404041; border-radius: 50px; box-shadow: inset 4px 4px 4px rgba(0,0,0,0.1), inset -4px -4px 4px white; -webkit-box-shadow: inset 4px 4px 4px rgba(0,0,0,0.1), inset -4px -4px 4px white; padding: 10px 25px;} .form-control:focus { box-shadow: inset 4px 4px 4px rgba(0,0,0,0.1), inset -4px -4px 4px white; background-color: transparent;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { background: #f4f5f5; transition: background-color 5000s ease-in-out 0s;} .form-control::-webkit-input-placeholder { color: #6d6e70;} .form-control::-moz-placeholder { color: #6d6e70;} .form-control:-ms-input-placeholder { color: #6d6e70;} .form-control:-moz-placeholder { color: #6d6e70;} .form-check{padding:0; text-align: center;} .form-check-label{position: relative; color: #6d6e70;} .form-check input[type=radio], .form-check input[type=checkbox]{position: absolute;visibility: hidden;} .form-check-label:before{ position: relative; top: 3px; margin-right: 15px; display: inline-block; content: ""; border: 3px solid #f58d7d;border-radius: 100%; height: 17px; width: 17px;transition: border .25s linear;-webkit-transition: border .25s linear;} .form-check-label:after { display: block; position: absolute;content: ''; border-radius: 100%; height: 5px; width: 5px; top: 9px;left: 6px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear;} .form-check-input:checked ~ .form-check-label:before { border: 3px solid #f58d7d;} .form-check-input:checked ~ .form-check-label:after{ background: #f2715d;} .slick-arrow{height: 42px; width: 42px; border-radius: 50%; cursor: pointer; background-color: #f4f5f5; text-align: center; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.15); transition: all 0.2s ease;} .slick-arrow:hover{background-color: #0C887B} .slick-arrow:hover svg path{fill: #fff;} /*==loader-start==*/ #preloader {position: fixed;top: 0;left: 0;right: 0; bottom: 0; overflow: hidden;background: #182f47;z-index: 999;} #status { width: 90px; height: 195px; position: absolute; left: 50%; top: 50%; margin: -98px 0 0 -45px;} #status .blink-path{animation-name: blink; animation-duration: 0.7s; animation-iteration-count:infinite; animation-timing-function:ease-in-out; animation-direction: alternate;} #status svg { } @keyframes blink{ from {opacity: 1.0;} to {opacity: 0.0;} } #status .path { /* animation: logoStroke 3s linear; */ /* animation: logoStrokeFill 1s cubic-bezier(0.445, 0.050, 0.550, 0.950) 0.1s forwards;*/ /* animation: logoStroke 4s linear, logoStrokeFill 1s cubic-bezier(0.445, 0.050, 0.550, 0.950) 3s forwards; */ } /* #status .path-1 { stroke-dasharray: 560; stroke-dashoffset: 560; } #status .path-2 { stroke-dasharray: 560; stroke-dashoffset: -560; } @keyframes logoStroke { to { stroke-dashoffset: 0; } } */ /* @keyframes logoStrokeFill { to { stroke: #fff; fill: #fff; } } */ .dietlist-ul{} .dietlist-ul li{display: inline-block; background-color: #fff; text-align: center; border-radius: 50%; font-size: 16px; letter-spacing: 0.2px; cursor: pointer; line-height: 38px; height: 40px; width: 40px; border: 2px solid transparent; margin: 0 4px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);} .dietlist-ul li:first-child{margin-left: 0;} .dietlist-ul li:last-child{margin-right: 0;} .dietlist-ul li.gf-icon{border-color: #f2715d; color: #f2715d;} .dietlist-ul li.gf-icon:hover{color: #fff; background: #f2715d;} .dietlist-ul li.local-icon{border-color: #54c5d2; color: #54c5d2; font-size: 14px;} .dietlist-ul li.local-icon:hover{background: #54c5d2; color: #fff;} .dietlist-ul li.nf-icon{border-color: #f8a81a; color: #f8a81a;} .dietlist-ul li.nf-icon:hover{background: #f8a81a; color: #fff;} .dietlist-ul li.df-icon{border-color: #6c54a2; color: #6c54a2;} .dietlist-ul li.df-icon:hover{background: #6c54a2; color: #fff;} .dietlist-ul li.v-icon{border-color: #107173; color: #107173;} .dietlist-ul li.v-icon:hover{background: #107173; color: #fff;} .dietlist-ul li.vg-icon{border-color: #1cb14d; color: #1cb14d;} .dietlist-ul li.vg-icon:hover{background: #1cb14d; color: #fff;} .dsrblist-ul{display: flex;} .dsrblist-ul li{display: flex; background-color: #0c887b; text-align: center; border-radius: 50%; height: 40px; width: 40px; border: 2px solid #0c887b; margin: 0 4px; transition: all 0.2s ease; box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.3);} .dsrblist-ul li a{display: flex; align-items: center; justify-content: center; width: 100%;} .dsrblist-ul li:first-child{margin-left: 0;} .dsrblist-ul li:last-child{margin-right: 0;} .dsrblist-ul li:hover{background-color: #f4f5f5;} .dsrblist-ul li:hover a svg path, .dsrblist-ul li:hover a svg rect{fill: #0c887b;} .pagetile-div h2{color: #404041; font-size: 44px; line-height: 54px; font-weight: 500; letter-spacing: 0.2px; margin-bottom: 25px;} .site-header{position: absolute; width: 100%; top:0; left: 0; z-index: 7; } .site-header.sticky { box-shadow: 0 0px 8px rgb(0 0 0 / 20%); position: fixed; background: #f4f5f5;} .site-header.removeshadow{box-shadow: none;} .site-header .container{max-width: 95%;} .header-innerwrap{display: flex; min-height: 80px; align-items: center;} .site-header .logo-div{width: 25%;} .site-header .logo-div .tbl-logo{display: none; filter: drop-shadow(-2px 3px 3px rgba(0,0,0,0.1));} .logo-div a{display: inline-block;} .head-center-nav{ width: 50%; padding: 15px 0; } .navigation-ul{margin: 0; padding: 0; text-align: center;} .navigation-ul li{display: inline-block; vertical-align: middle; margin: 0 22px;} .navigation-ul li:first-child{ margin-left: 0px;} .navigation-ul li:last-child{ margin-right: 0px;} .navigation-ul li a{display: flex; align-items: center; font-size: 14px; line-height: 16px; font-weight: 400;} .navigation-ul li a .icon-div{height: 42px; width: 42px; border-radius: 50%; margin-right: 12px; background-color: #f4f5f5; text-align: center; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.15); transition: all 0.2s ease;} .navigation-ul li a:hover, .navigation-ul li.active a{ color: #404041;} .navigation-ul li.recipes-li a:hover .icon-div, .navigation-ul li.recipes-li.active a .icon-div{background-color: #1CB14D; border-color: #1CB14D;} .navigation-ul li.recipes-li a:hover, .navigation-ul li.recipes-li.active a{/* color: #1CB14D; */} .navigation-ul li.favourites-li a:hover .icon-div, .navigation-ul li.favourites-li.active a .icon-div{background-color: #F2715D; border-color: #F2715D;} .navigation-ul li.favourites-li a:hover, .navigation-ul li.favourites-li.active a{/* color: #F2715D; */} .navigation-ul li.groceries-li a:hover .icon-div, .navigation-ul li.groceries-li.active a .icon-div{background-color: #0c887b; border-color: #0c887b;} .navigation-ul li.groceries-li a:hover, .navigation-ul li.groceries-li.active a {/* color: #0c887b; */} .navigation-ul li.articles-li a:hover .icon-div, .navigation-ul li.articles-li.active a .icon-div{background-color: #F9A819; border-color: #F9A819;} .navigation-ul li.articles-li a:hover, .navigation-ul li.articles-li.active a{/* color: #F9A819; */} .navigation-ul li.articles-li a .icon-div svg path{stroke:#F9A819;} .navigation-ul li.recipes-li a:hover .icon-div svg path, .navigation-ul li.favourites-li a:hover .icon-div svg path, .navigation-ul li.groceries-li a:hover .icon-div svg path, .navigation-ul li.recipes-li.active a .icon-div svg path, .navigation-ul li.favourites-li.active a .icon-div svg path, .navigation-ul li.groceries-li.active a .icon-div svg path{fill: #fff;} .navigation-ul li.articles-li a:hover .icon-div svg path, .navigation-ul li.articles-li.active a .icon-div svg path{stroke:#fff;} .head-rightside{ width: 25%; padding: 15px 0; display: flex; justify-content: flex-end;} .search-div{height: 42px; width: 42px; cursor: pointer; border-radius: 50%; background-color: #f4f5f5; text-align: center; display: flex; align-items: center; transition: all 0.2s ease; justify-content: center; border: 2px solid #fff; box-shadow: 0px 4px 15px rgba(0,0,0,0.1); cursor: pointer;} .search-div:hover{background-color: #0c887b; } .search-div:hover svg path{fill: #fff;} .setting-div{height: 42px; width: 42px; cursor: pointer; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 15px rgba(0,0,0,0.1); margin: 0 20px;} .setting-div a{height: 42px; width: 42px; background-color: #0c887b; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; border-radius: 50%;} .setting-div a svg{position: relative;/* top: -1px; */} .setting-div a:hover {background: #f1715c;} .signup-btndiv .defult-btn{font-size: 12px; min-width: 120px; line-height: 22px;} .searchform-headiv{display: none;} .site-header .setting-s-icondiv{ font-size: 24px;color: #fff;font-weight: 300;} .tcb-read-week{position: relative; margin-top: 120px;} .tcb-read-week .container{max-width: 1440px;} .tcb-read-week .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%;} .tcb-read-week .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 82%; flex: 0 0 82%; max-width: 82%;} .tcb-weekpost-div{} .tcb-weekpost-title{ padding-top: 130px; text-align: right;} .weekpost-imagediv{position: relative; padding-bottom: 50%; border-radius: 20px; overflow: hidden;} .weekpost-bg{background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%;} .weekpost-content{ margin-top: 20px; } .weekpost-content h4{font-size: 18px; margin-bottom: 25px; font-weight: 500; line-height: 1.2;} .weekpost-content h4 a:hover{color: #0c887b;} .doeat-section{margin-top: 90px; position: relative;} .doeat-section .pagetile-div h2{min-height: 108px; display: flex; align-items: flex-end; justify-content: flex-end;} .doeat-section .container{max-width: 1440px;} .doeat-section .container-fluid{} .doeat-section .col-md-3 {width: 260px; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 100%; transition-delay: .08s;} .doeat-section .col-md-9 {padding: 0; transition-delay: .16s;} .doeat-title{text-align: right; padding-top: 20px; position: relative;} .doeat-slidewap{ -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 100%;} .doeat-title-wrap .row{margin: 0; } .doeat-slider, .inspiration-slider, .dailyinspiration-slider { width: 100%; /* margin-left: -14px;*/} .doeat-slider.slick-slider .slick-list, .inspiration-slider.slick-slider .slick-list, .dailyinspiration-slider.slick-slider .slick-list { padding-left: 0 !important;} .doeat-slider .slick-slide, .inspiration-slider .slick-slide, .dailyinspiration-slider .slick-slide{padding: 14px;} .doeat-slider .fav-recipes-boxdiv, .inspiration-slider .fav-recipes-boxdiv, .dailyinspiration-slider .fav-recipes-boxdiv{margin: 0;} .doeat-slider .fav-recipe-content h4, .inspiration-slider .fav-recipe-content h4, .articles-viewall-section .fav-recipe-content h4, .dailyinspiration-slider .fav-recipe-content h4 {font-size: 18px; font-weight: 500; color: #404041; line-height: 1.3; margin-bottom: 10px; max-width: 260px;} .doeat-slider .fav-recipe-bgdiv, .inspiration-slider .fav-recipe-bgdiv, .articles-viewall-section .fav-recipe-bgdiv, .dailyinspiration-slider .fav-recipe-bgdiv {padding-bottom: 116%;} .doeat-slider .slick-arrow, .inspiration-slider .slick-arrow, .dailyinspiration-slider .slick-arrow{position: absolute; top: 210px; left: -58px} .doeat-slider .slick-prev.slick-arrow, .inspiration-slider .slick-prev.slick-arrow, .dailyinspiration-slider .slick-prev.slick-arrow{top: 270px;} .recipeside-slider .slick-next.slick-arrow svg, .mealadded-groceries-slider .slick-next.slick-arrow svg, .doeat-slider .slick-next.slick-arrow svg, .inspiration-slider .slick-next.slick-arrow svg, .dailyinspiration-slider .slick-next.slick-arrow svg{transform: rotate(180deg);} .pageviewall-link{color: #0c887b; font-size: 16px; font-weight: 300; text-decoration: underline; line-height: 1.4;} .pageviewall-link:hover{color: #0c887b;} .proplan-link{font-size: 15px; position: absolute; top: 15px; right: 15px; font-weight: 300; background-color: #fff; line-height: 1; border-radius: 14px; color: #6d6e70; width: 70px; padding: 8px 10px 5px; box-shadow: -1px 3px 6px rgba(0, 0, 0, 0.3); transition: all 0.2s ease;} .proplan-link span{height: 28px; width: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #083954; position: absolute; right: -1px; top: 0;} .proplan-link:hover{background-color: #083954; color: #fff;} .proplan-link span svg{position: relative; right: -1px;} .inspiration-section{margin: 120px 0; position: relative;} .paginationfilter-secrion{box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3); padding-bottom: 15px; padding-top: 10px; margin-top: 80px; margin-bottom: 20px; position: fixed; width: 100%; z-index: 1; background: #f4f5f5;} .filter-click{display: inline-block; background-color: #083954; color: #fff; font-size: 13px; font-weight: 300; text-transform: uppercase; padding: 5px 15px; margin-left: 30px; border-radius: 17px; transition: all 0.2s ease;} .filter-click svg{position: relative; top: 4px; margin-left: 4px;} .filter-click:hover{background-color: #f1715c; color: #fff;} .arrow-pagination:hover svg line, .arrow-pagination:hover svg polyline{stroke: #f1715c;} .filterside-fixed, .crossside-fixed{overflow: hidden;} .filterside-fixed:after { background: rgba(255, 255, 255, 0.8); position: fixed; top: 0; left: 0; height: 100%; width: 100%; content: ""; z-index: 9;} .filterside-section { position: fixed; right: -410px; z-index: 99; top: 0; background-image: url(../images/filter-bg.svg); background: #fae6d6; height: 100vh; height: calc((var(--vh, 1vh) * 100)); width: 400px; transition: all 0.3s; background-size: cover; background-repeat: no-repeat; background-position: left; border-radius: 40px 0 0 40px; border: 3px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); border-right: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;overflow: hidden;} .filterside-section.active { right: 0;} .filterside-section h3{font-size: 20px; letter-spacing: 0.2px; color: #404041; line-height: 1.2; font-weight: 500; margin: 0; position: absolute; top: 20%; left: 60px;} .filterside-section .filter-list-ul{width: 100%; margin-top: -70px;display:block;margin:auto;width:40%;overflow-y:scroll;} .filterside-section .filter-list-ul li{display: block; margin-bottom: 5px;} .filterside-section .filter-list-ul li:last-child{ margin-bottom: 0px;} .filterside-section .filter-list-ul li a{color: #404041; display: block; font-size: 16px; text-transform: uppercase; letter-spacing: 0.2px; line-height: 1.2; display: block; padding: 6px 10px; transition: all 0.2s ease; text-align: center;} .filterside-section .filter-list-ul li a:hover{background-color: rgba(250,221,189,0.74);} .filter-btn{position: absolute; bottom: 23%; left: 60px; font-size: 14px; text-decoration: underline; line-height: 1.2; color: #404041; letter-spacing: 0.2px; border: none;background: transparent; text-transform: uppercase; cursor: pointer;} .filter-btn:hover{text-decoration: none;} .filterside-section .filter-social{position: absolute; bottom: 8%; left: 0; right: 0; text-align: center;} .filterside-section .filter-social li{display: inline-block; margin: 0 15px;} .filterside-section .filter-social li a{display: inline-block; transition: all 0.2s ease;} .filterside-section .filter-social li a:hover{opacity: 0.5;} .filterside-section .filter-bubble .bubble.b-sign{background-image: url(../images/dot-dark-green/sign-icon-g.png);} .filterside-section .filter-bubble .bubble.yellow{background-image: url(../images/dot-yellow/sm-dot-y.png);} .filterside-section .filter-bubble .bubble.pink{background-image: url(../images/dot-pink/md-dot-p.png);} .filterside-section .filter-bubble .bubble.skin{background-image: url(../images/dot-skin/sm-dot-p.png);} .filterside-section .filter-bubble .bubble.green{background-image: url(../images/dot-dark-green/lg-dot-g.png);} .filterside-section .filter-bubble .bubble.yellow-big{background-image: url(../images/dot-yellow/md-dot-y.png);} .filterside-section .filter-bubble .bubble{z-index: -1;} .articles-viewall-row > div:nth-child(3n), .favrec-row > div:nth-child(3n){ transition-delay: .24s;} .articles-viewall-row > div:nth-child(3n - 1), .favrec-row > div:nth-child(3n - 1){ transition-delay: .16s;} .articles-viewall-row > div:nth-child(3n - 2), .favrec-row > div:nth-child(3n - 2){ transition-delay: .08s;} .countpeople-content{width: 100%;} .countpeople-donebtn{position: absolute; bottom: 29%; left: 60px; font-size: 14px; text-decoration: underline; line-height: 1.2; color: #404041; letter-spacing: 0.2px; border: none; background: transparent; text-transform: uppercase; cursor: pointer;} .countpeople-donebtn:hover{text-decoration: none; color: #0c887b;} .filterside-section.countpeople-section h3{padding-right: 25px; top: 18%;} .addgrocerieside-section{display: block;} .addgrocerieside-section .slidercenter-courve{display: none;} .addgrocerieside-section .sliderbtm-courve { bottom: -170px; transform: rotate(25deg);} .addgrocerieside-content{position: relative; width: 100%; height: 100%; padding: 45% 20px 50px;} .addgrocerieside-content .itemdelete-content { height: calc(100% - 30%); overflow-y: auto;margin: 0 -20px; padding: 0 20px;} .filterside-section .addgrocerieside-content h3{position: relative; margin-bottom: 20px; text-align: center; top: auto !important; left: auto !important;} .addgrositem-div{position: relative; margin-bottom: 15px;} .addgrositem-div h4{color: #333; line-height: 32px; padding-right: 110px; font-size: 14px; font-weight: 600;} .addgrositem-div .grocery-qty .qty-plus, .addgrositem-div .grocery-qty .qty-minus{height: 32px; vertical-align: middle; width: 32px;} .addgrositem-div .grocery-qty .qty-plus{margin-left: 0; margin-right: 10px;} .addgrositem-div .grocery-qty .qty-plus svg { margin: 8px 0; width: 14px; height: 14px;} .addgrositem-div .grocery-qty .qty-minus svg { margin: 14px 0; width: 14px;} .addgrositem-div .grocery-qty .qty-plus svg line, .addgrositem-div .grocery-qty .qty-minus svg line{stroke: #0c887b;} .itemdelete-content{} .itemdelete-p-text{margin-bottom: 15px;} .itemdelete-p-text:after{display: table; clear: both; content: "";} .itemdelete-p-text a{ float: left; font-size: 14px; color: #0c887b; text-decoration: none; line-height: 1.2; font-weight: 500; display: inline-block;} .itemdelete-p-text a:last-child{float: right;} .itemdelete-ulist{} .itemdelete-ulist li{margin-bottom: 10px; line-height: 30px; padding-right: 40px; position: relative; font-size: 14px; color: #333;} .itemdelete-ulist li .chekmark-tick{background-color: #0c887b; height: 30px; width: 30px; border-radius: 100%; position: absolute; right: 0; top: 0; cursor: pointer;} .itemdelete-ulist li .chekmark-tick:before{content: ""; background-image: url(../images/checkmark-icon.svg); width: 12px; height: 13px; background-size: cover; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px;} .itemdelete-coutdiv{ text-align: center; position: absolute; left: 0; right: 0; bottom: 40px; text-transform: uppercase; font-size: 14px; color: #fff; text-decoration: underline; line-height: 1.2; font-weight: 300;} .dietslidebar-div{background: #f4f5f5; } .dietslidebar-div .accpre-diet-list li { width: 100%; float: none; max-width: 300px; margin: 0 auto 20px;} .dietslidebar-div .accpre-content, .mealslidebar-div .accpre-content{width: 100%; display: flex; align-items: center;} .dietslidebar-div .accpre-diet-list li:nth-child(even) { margin-left: auto;} .dietslidebar-div .accpre-content-inner{top: 12%;} .dietslidebar-div .accpre-diet-list li{max-width: 210px; padding: 0px 18px 0px 28px;} .dietslidebar-div .accpre-diet-boxdiv { text-align: left; padding: 16px 25px 16px 45px; border-radius: 0 8px 8px 0;} .dietslidebar-div .accpre-diet-boxdiv .round-cat { left: -28px; top: -2px; height: 56px; width: 56px; font-size: 22px; line-height: 54px;} .dietslidebar-div .accpre-diet-list { margin: 10px 0 0 0;} .dietslidebar-div .accpre-diet-boxdiv h4 { font-size: 14px; line-height: 20px;} .dietslidebar-div .cat-chekbox .plus-sign { width: 16px;height: 16px; margin-top: -8px; margin-left: -8px; background-size: cover;} .dietslidebar-div .accpre-diet-boxdiv .cat-chekbox { height: 36px; bottom: -18px; width: 36px; margin-top: -18px; right: -18px;} .dietslidebar-div .accpre-content-inner{top: auto;} .dietslidebar-div .accpre-content-inner h3, .mealslidebar-div .accpre-content-inner h3{position: relative; font-size: 20px; top: auto !important; left: auto !important;} .dietslidebar-div .logo-div, .mealslidebar-div .logo-div{position: absolute; z-index: 1; top: 25px; left: 25px;} .dietslidebar-div .logo-div img, .mealslidebar-div .logo-div img{filter: drop-shadow(-2px 3px 3px rgba(0,0,0,0.1));} .dietslidebar-div .accpre-nextbtn-div, .mealslidebar-div .accpre-nextbtn-div {bottom: 6%;} .dietslidebar-div .accpre-nextbtn-div .defult-btn, .mealslidebar-div .accpre-nextbtn-div .defult-btn {text-transform: uppercase; color: #fff; background: #0c887b;} .mealslidebar-div{background: #f4f5f5; } .mealslidebar-div .accpre-category-list li { margin-bottom: 30px; padding: 55px 10px 20px;} .mealslidebar-div .accpre-category-list { margin: 0 -10px;} .mealslidebar-div .accpre-category-boxdiv .accpre-category-img{top: -55px;} .mealslidebar-div .accpre-category-boxdiv img{ } .mealslidebar-div .accpre-content h3 { font-size: 20px; margin-bottom: 35px;} .mealslidebar-div .accpre-category-boxdiv { padding: 60% 10px 25px; border-radius: 0 0 13px 13px;} .mealslidebar-div .accpre-category-boxdiv h4{font-size: 14px; line-height: 20px; min-height: 40px;} .mealslidebar-div .accpre-content-inner{top: auto; max-width: 86%; width: 100%;} .filterside-section.savefavsidebar-section { padding-top: 10%; padding-right: 40px; padding-left: 40px; display: block;} .slidertop-courve .bubble.b-sign{background-image: url(../images/dot-dark-green/sign-icon-g.png); background-image: url(../images/dot-dark-green/TCB_Heart_Teal.svg); width: 70px; height: 69px; bottom: 20px; left: 65px; background-size: cover;} .slidertop-courve{background: url(../images/slidebar-topbg.svg) no-repeat; background-size: cover; height: 286px; width: 456px; position: absolute; top: -130px; transform: rotate(1deg); left: -70px; z-index: -1;} .sliderbtm-courve{background: url(../images/slidebar-bottombg.svg) no-repeat; background-size: cover; height: 261px; width: 646px; position: absolute; bottom: 0px; left: -40px; z-index: -1;} .slidercenter-courve{background: url(../images/slidebar-centerbg.svg) no-repeat; background-size: cover; height: 491px; width: 584px; position: absolute; bottom: 10px; left: -40px; z-index: -1; transform: rotate(2deg);} .savefavsidebar-content{position: relative;} .savefavsidebar-content h3{position: relative; top: auto !important; left: auto !important;} .savefavsidebar-slider{margin-top: 30px;} .savefavsidebar-slider .grocery-item p{color:#404041; } .savefavsidebar-undolink a{ transition: all 0.2s ease; text-transform: uppercase; font-size: 14px; color: #404041; text-decoration: underline; line-height: 1.2; font-weight: 300; display: inline-block; margin-top: 20px;} .savefavsidebar-undolink a:hover{text-decoration: none;} .savefavsidebar-undolink{margin-top: 10px;} .setting-sidebar .sliderbtm-courve .bubble.b-sign{background-image: url(../images/dot-pink/sign-icon-p.png); background-repeat: no-repeat; background-position: center; height: 94px; width: 96px; background-size: cover; right: 230px; bottom: 25px;} .advertise-section{padding: 20px 20px; overflow: hidden;} .advertise-section img{width: 100%;border-radius: 20px;} .advertise-section img.cta-mobile{display:none;} .onboarding-wrap{ position: relative; display: flex; background: #f4f5f5; align-items: center; overflow: hidden; height: 100vh; height: calc((var(--vh, 1vh) * 100));} .onboarding-image{background: #5f5e60; width: 50%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;} .onboarding-bg{position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat;} .onboarding-bg .b-sign{ position: absolute; bottom: 60px; left: 50%; margin-left: -100px;/* background-image: url(../images/dot-white/sign-icon-w-lg.png); */background-repeat: no-repeat; background-position: center; height: 196px; width: 200px;} .onboarding-content{width: 50%; height: 100%; position: relative; overflow: hidden; } .onboarding-content-inner{max-width: 470px; text-align: center; margin: 0 auto; position: relative; top: 17%;} .onboarding-content-inner img{max-width: 222px; filter: drop-shadow(-4px 3px 4px rgba(0,0,0,0.2));} .onboarding-content-inner .bubble.b-sign{left: 50%; margin-left: -52px; top: -95px} .onboarding-content h4{font-size: 22px; color: #404041; line-height: 1.4; font-weight: 500; margin-bottom: 18px; letter-spacing: 0.2px; margin-top: 50px;} .onboarding-content .defult-btn{margin-top: 15px;} .onboarding-content p{max-width: 420px; letter-spacing: 0.2px; font-weight: 300; margin: 0 auto 20px;} .onboarding-content p:last-child{margin-bottom: 0;} .onboarding-nextbtn-div{position: absolute; bottom: 13%; left: 0; right: 0; margin: 0; text-align: center;} .onboarding-nextbtn-div .defult-btn{margin-top: 0;} .shopping-lists .onboarding-content-inner {max-width: 520px;} .onboarding-relative { position: relative; height: 100%;} .shaping-recipes .onboarding-image{background: #f1715c;} .shopping-lists .onboarding-image{background: #f8a81a;} .easy-use-platform .onboarding-image{background: #1cb14d;} .onboarding-image-content {text-align: center; max-width: 380px; width: 100%; margin: 0 auto; position: relative;} .onboarding-image-content .bubble.pink-dot.b-sign, .onboarding-image-content .bubble.yellow-dot.b-sign, .onboarding-image-content .bubble.green-dot.b-sign{left: 55%; margin-left: -98px; top: -184px; height: 184px; width: 186px; background-size: cover;} .onboarding-icondiv{height: 345px; width: 345px; border-radius: 100%; background-color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto; box-shadow: 8px -7px 10px rgba(255,255,255,0.3); position: relative;} .onboarding-icondiv:after{position: absolute; content: ""; width: 100%; height: 100%; border-radius: 100%; box-shadow: -8px 7px 10px rgba(0,0,0,0.1);} .onboarding-image-content h3{font-size: 30px; color: #fff; line-height: 1.2; max-width: 310px; padding: 30px 0; position: relative; margin-top: 60px; margin-bottom: 0; margin-right: auto; margin-left: auto;} .onboarding-image-content h3:before{height: 1px; width: 150px; margin: 0 auto; content: ""; background-color: #fff; position: absolute; top: 0; left: 0; right: 0;} /* .onboarding-image-content h3:after{height: 1px; width: 150px; margin: 0 auto; content: ""; background-color: #fff; position: absolute; bottom: 0; left: 0; right: 0;} */ .onboarding-nextbtn-div.tbl-show{display: none;} .account-preference-wrap{ display: flex; background: #f4f5f5; align-items: center; overflow: hidden; height: 100vh; height: calc((var(--vh, 1vh) * 100));} .accpre-image{ background: #5f5e60; width: 50%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; } .accpre-bg{position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat;} .accpre-bg .b-sign{ position: absolute; bottom: 60px; left: 50%; margin-left: -100px; /* background-image: url(../images/dot-white/sign-icon-w-lg.png); */ background-repeat: no-repeat; background-position: center; height: 196px; width: 200px;} .accpre-content{width: 50%; height: 100%; position: relative; overflow: hidden; } .accpre-content-inner{max-width: 430px; text-align: center; margin: 0 auto; position: relative; top: 14%;} .accpre-content-inner .bubble.b-sign{left: 50%; margin-left: -52px; top: -110px;} .accpre-content h3{font-size: 24px; text-align: center; color: #404041; letter-spacing: 0.2px; line-height: 1.4; font-weight: 300; margin-bottom: 50px; margin-top: 0px;} .accpre-category-list{margin: 0 -11px;} .accpre-category-list:after{display: table; content: ""; clear: both;} .accpre-category-list li{float: left; margin-bottom: 43px; position: relative; width: 33.33%; padding: 0 11px 21px; } .accpre-category-list li:nth-child(3n + 1){clear: both;} .accpre-category-list li:nth-last-child(-n+3){margin-bottom: 0px;} .accpre-category-boxdiv{background: #fff; padding: 80px 15px 33px; border-radius: 0 0 20px 20px; box-shadow: 0 0 12px rgba(0,0,0,0.2); position: relative;} .accpre-category-boxdiv .accpre-category-img{position: absolute; top: -64px; left: 0; /* width: 140px;height: 140px; padding-bottom: 100%; */ border-radius: 100%;} .accpre-category-boxdiv img{ position: absolute; top: 0px; left: 0; height: 100%; width: 100%; border-radius: 100%; object-fit: cover; object-position: center; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);} .accpre-category-boxdiv h4{font-size: 16px; color: #404041; line-height: 22px; min-height: 44px; letter-spacing: 0.2px; display: flex; align-items: center; justify-content: center; font-weight: 500; margin-bottom: 0px; margin-top: 0px;} .cat-chekbox{height: 42px; width: 42px; border-radius: 50%; border: 2px solid #fff; background-color: #f4f5f5; position: absolute; bottom: -21px; left: 50%; margin-left: -21px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); transition: all 0.2s ease;} .no-shadow .cat-chekbox{box-shadow:none !important;-moz-transition: none;-webkit-transition: none;-o-transition: color 0 ease-in;transition: none;} .cat-chekbox .plus-sign {position: absolute; background: url(../images/plust-icon.svg) no-repeat; width: 18px; height: 18px; left: 50%; top: 50%; margin-top: -9px; margin-left: -9px; transition: all 0.2s ease;} .no-shadow .cat-chekbox .plus-sign{-moz-transition: none;-webkit-transition: none;-o-transition: color 0 ease-in;transition: none;} /*.accpre-category-boxdiv:hover .cat-chekbox,*/ .accpre-category-list li a.active .accpre-category-boxdiv .cat-chekbox{background-color: #f2715d;transition: all 0.2s ease;} /*.accpre-category-boxdiv:hover .cat-chekbox .plus-sign,*/ .accpre-category-list li a.active .accpre-category-boxdiv .cat-chekbox .plus-sign {background: url(../images/checkmark-icon.svg) no-repeat; width: 15px; height: 16px; left: 50%; top: 50%; margin-top: -8px; margin-left: -7px; transition: all 0.2s ease;} .diet-wrap .accpre-content-inner{max-width: 580px; text-align: left;} .accpre-diet-list{margin: 120px 0 0 0;} .accpre-diet-list:after{display: table; content: ""; clear: both;} .accpre-diet-list li{float: left; margin-bottom: 22px; position: relative; width: 45%; padding: 0px 21px 0px 35px; } .accpre-diet-list li:nth-child(2n + 1){clear: both;} .accpre-diet-list li:nth-child(even){margin-left: 10%;} .accpre-diet-boxdiv{padding: 22px 30px 22px 58px; border-radius: 0 9px 9px 0; border: 2px solid #fff; background-color: #f4f5f5; box-shadow: 0 2px 6px rgba(0,0,0,0.2); position: relative;} .accpre-diet-boxdiv h4{font-size: 16px; color: #404041; line-height: 22px; font-weight: 400; margin-bottom: 0px; margin-top: 0px;} .accpre-diet-boxdiv .round-cat{position: absolute; left: -35px; top: -2px; border: 2px solid #54c5d2; background-color: #f4f5f5; height: 70px; width: 70px; font-size:26px; font-weight: 300; line-height: 68px; color: #54c5d2; border-radius: 100%; text-align: center; box-shadow: -3px 0px 12px rgba(0,0,0,0.25);} .accpre-diet-boxdiv .cat-chekbox{ bottom: auto; top: 50%; margin-top: -21px; left: auto; margin-left: 0; right: -21px; box-shadow: 0 2px 6px rgba(0,0,0,0.2);} .accpre-diet-boxdiv.yellow-bg .round-cat{border-color: #f8a81a; color: #f8a81a;} .accpre-diet-boxdiv.pink-bg .round-cat{border-color: #f2715d; color: #f2715d;} .accpre-diet-boxdiv.genoa-bg .round-cat{border-color: #107173; color: #107173;} .accpre-diet-boxdiv.perpul-bg .round-cat{border-color: #6c54a2; color: #6c54a2;} .accpre-diet-boxdiv.green-bg .round-cat{border-color: #1cb14d; color: #1cb14d;} /*.accpre-diet-boxdiv:hover .cat-chekbox,*/ .accpre-diet-list li a.active .accpre-diet-boxdiv .cat-chekbox{background-color: #f2715d;transition: all 0.2s ease;} /*.accpre-diet-boxdiv:hover .cat-chekbox .plus-sign,*/ .accpre-diet-list li a.active .accpre-diet-boxdiv .cat-chekbox .plus-sign {background: url(../images/checkmark-icon.svg) no-repeat; width: 15px; height: 16px; left: 50%; top: 50%; margin-top: -8px; margin-left: -7px; transition: all 0.2s ease;} .number-people-wrap .accpre-content-inner{max-width: 310px;} .number-people-listdiv{max-width: 290px; margin: 0 auto;} .number-people-list{margin: 100px -12px 0;} .number-people-list:after{display: table; content: ""; clear: both;} .number-people-list li{float: left; margin-bottom: 24px; position: relative; width: 33.33%; padding: 0px 12px; } .number-people-list li:nth-child(3n + 1){clear: both;} .number-people-list li a{height: 80px; width: 80px; border-radius: 50%; display: inline-block; border: 2px solid #fff; background-color: #f4f5f5; box-shadow: -3px 2px 10px rgba(0,0,0,0.15); color: #6d6e70; font-size: 28px; font-weight: 300; line-height: 78px;} .number-people-list li a:hover{background-color: #f2715d; color: #fff;} .cre-account-wrap, .sigin-in-wrap{} .cre-account-wrap .accpre-content-inner{top: 0; width: 100%; max-width: 300px; text-align: left;} .cre-account-wrap .logo-img{/*height: 200px; width: 200px; */ display: block; margin: 0 auto 20px; } .cre-account-wrap .accpre-content h3{margin-bottom: 30px;} .account-signin-text{text-align: right; position: absolute; right: 20px; top: 20px; z-index: 1; color: #6d6e70; font-size: 14px;} .account-signin-text .defult-btn{min-width: 90px; padding: 6px 10px; margin-left: 15px;} .gendar-checkbox-div{text-align: center;} .gendar-checkbox-div .form-check-inline{display: inline-block; margin: 15px 10px 25px;} .account-preference-wrap.cre-account-wrap{display: block; height: auto;} .account-preference-wrap.cre-account-wrap:after{content: ""; display: table; clear: both;} .account-preference-wrap.cre-account-wrap .accpre-image{position: fixed; top: 0; left: 0; height: 100vh;} .account-preference-wrap.cre-account-wrap .accpre-content {float: right; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow-y: auto; padding-top: 140px; padding-bottom: 70px; overflow-x: hidden;} .account-preference-wrap.cre-account-wrap .bubblebg-wrap{position: fixed; left: auto; right: 0; width: 50%;} .gendar-checkbox .form-check-label{height: 66px; width: 66px; text-align: center; border-radius: 100%; cursor: pointer; font-size: 14px; line-height: 70px; } .gendar-checkbox .form-check-label span{position: relative;z-index: 1;} .gendar-checkbox .form-check-label:before{ position: absolute; margin-left: 0; top: 0; left: 0; box-shadow: 0 4px 10px rgb(0 0 0 / 20%); height: 66px; width: 66px; background-color: #f4f5f5; border: 2px solid #fff; border-radius: 100%;} .gendar-checkbox .form-check-input:checked ~ .form-check-label:after {height: 62px; width: 62px; top: 2px; left: 2px; background: #f2715d;} .gendar-checkbox .form-check-input:checked ~ .form-check-label:before { border: 2px solid #fff;} .gendar-checkbox .form-check-input:checked ~ .form-check-label{color: #fff;} .register-form .defult-btn{margin-top: 35px; min-width: 170px;} .sigin-in-wrap .accpre-content-inner{top: 0; width: 100%; max-width: 300px; } .sigin-in-wrap .accpre-content{display: flex;align-items: center;} .forgot-password-a{color: #6d6e70; text-decoration: underline; transition: all 0.2s ease; font-weight: 300;} .forgot-password-a:hover{color: #f1715c;} .sigin-in-wrap .logo-img{margin-bottom: 40px; width: 280px; filter: drop-shadow(-4px 3px 4px rgba(0,0,0,0.18));} .sigin-in-form .defult-btn{margin-top: 30px; min-width: 170px;} .sigin-in-form .form-group, .register-form .form-group{position: relative;} .sigin-in-form .eye-icon, .register-form .eye-icon{position: absolute; right: -30px; top: 10px; cursor: pointer;} .accpre-nextbtn-div{position: absolute; bottom: 10%; left: 0; right: 0; margin: 0; text-align: center;} .accpre-nextbtn-div .defult-btn{margin-top: 0;} .site-header .favgro-mobile-titlediv, .site-header.favgroceries-header .favgro-mobile-titlediv{display: none;} .favourite-recipe-section{} .fav-recipes-boxdiv{margin: 20px 0 80px; position: relative; } .fav-recipe-bgdiv{position: relative; border-radius: 20px; overflow: hidden; padding-bottom: 100%; height: auto;} .fav-recipe-bg{background-position: center; background-repeat: no-repeat;background-size: cover; background-color: #fff; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .fav-recipes-boxdiv:hover .fav-recipe-bg{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);} .fav-recipe-content{margin-top: 20px;} .fav-recipe-sub{font-size: 14px;color: rgba(0,0,0,0.5); margin-bottom: 10px;} .fav-recipe-sub span{margin-right: 15px;} .fav-recipe-sub span:last-child{margin-right: 0px;} .favrec-col .fav-recipe-sub{white-space: nowrap;} .favrec-col .fav-recipes-boxdiv{overflow: hidden; padding-bottom: 10px;} .psstcb-app-section{background-color: #e6e7e8; position: relative; overflow: hidden; padding: 40px 0; border-radius: 20px; width: calc(100% - 40px); margin: 80px auto 0;} .psstcb-app-section .container{max-width: 1520px;} .psstcb-app-section h2{margin: 30px 0; font-size: 40px; line-height: 1.4; font-weight: 500; color: #404041; letter-spacing: 0.2px; } .psstcb-app-section .defult-btn{min-width: 270px; font-size: 18px; padding: 12px 10px; border-radius: 25px;} .passtcb-icon{margin-left: -15px; filter: drop-shadow(-3px 4px 4px rgba(0,0,0,0.1));} .passt-icon-img{position: absolute; top: 50%; margin-top: -306px; filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.1)); opacity: 0.9;} .become-friend-section{padding: 100px 0 65px; position: relative; text-align: center;} .become-friend-section h2{margin-bottom: 35px; font-size: 40px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.2; transition-delay: .08s; color: #404041;} .become-friend-section p{max-width: 615px; font-weight: 300; color: #6d6e70; letter-spacing: 0.3px; font-size: 22px; line-height: 1.4; margin: 0 auto 50px; transition-delay: .16s;} .become-friend-form{max-width: 360px;margin: 0 auto; transition-delay: .24s;} .become-friend-form .defult-btn{ min-width: 200px; padding: 14px 10px; font-size: 18px; border-radius: 27px; margin-top: 30px;} .favourite-recipe-section{margin-top: 140px; position: relative;} .favourite-recipe-section .container { max-width: 1440px;} .fav-recipes-title{letter-spacing: 0.2px; font-size: 28px; font-weight: 500; line-height: 1.2; color: #404041; margin-bottom: 30px;} .fav-recipe-content h4{font-size: 18px; font-weight: 500; color: #404041; line-height: 1.4; max-width: 320px;} .fav-recipe-content h4 a{color: #404041;} .fav-recipe-content h4 a:hover{color: #f2715d;} .dellabel-link, .save-favourite-link{height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #083954; position: absolute; right: 15px; top: 15px; transition: all 0.2s ease;} .dellabel-link svg, .save-favourite-link svg{height: 16px; width: auto;} .dellabel-link:hover, .save-favourite-link:hover{background: #1cb14d;} .cooking-title{color: #f8a81a; font-size: 28px; line-height: 1.2; font-weight: 500; letter-spacing: 0.2px; margin-bottom: 15px;} .view-groveries-link{color: #6d6e70; font-size: 16px; line-height: 1.2; text-decoration: underline; text-transform: uppercase; font-weight: 300; transition: all 0.2s ease;} .view-groveries-link:hover{color: #f2715d; } .my-groceries-title p{font-size: 16px; font-weight: 300; color: #107173; line-height: 1.2; margin-top: 40px;} .my-groceries-title p span{font-size: 14px; font-weight: 300; color: #6d6e70; margin-top: 12px; display: block;} .fruitveg-section{} .fruitveg-section .container{max-width: 830px;} .fruitveg-listitle, .fruitveg-listbox ul li.delete-crosstitle{font-size: 17px; margin-bottom: 15px; font-weight: 300; color: #107173; line-height: 1.2; text-transform: uppercase;} .fruitveg-listbox{border: 2px solid #fff; margin-bottom: 35px; background-color: #f4f5f5; padding: 20px 25px; border-radius: 20px; box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.15);} .fruitveg-listbox ul{} .fruitveg-listbox ul li{border-bottom: 1px solid rgba(166, 168, 171, 0.5); padding-bottom: 5px; font-size: 17px; color: #231f20; line-height: 32px; letter-spacing: 0.2px; margin-bottom: 10px; position: relative; padding-right: 230px;} .fruitveg-listbox ul li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;} .fruitveg-listbox ul li span{position: absolute; right: 0; top: 0px; color: #606161; min-width: 210px; text-align: right;} .fruitveg-listbox ul li .info-i{font-family: 'DM Mono', monospace; font-weight: 300; font-size: 16px; font-style: italic;color: #FFF; border: 2px solid #fff; background-color: #0c887b; height: 32px; width: 32px; border-radius: 50%; text-align: center; line-height: 26px; display: inline-block; box-shadow: -1px 1px 3px rgb(0, 0, 0, 0.2); margin-left: 35px; cursor: pointer; transition: all 0.2s ease;letter-spacing:-2px;text-indent:-2px;} .fruitveg-listbox ul li .info-i:hover{background-color: #f1715c; color: #fff;} .fruitveg-listbox ul li.delete-crosstitle{margin-bottom: 10px;} .delete-itemslist ul li span.del-line{position: relative; right: auto; bottom: auto; min-width: inherit; text-align: left; color: #231f20;} .delete-itemslist ul li span.del-line:after{position: absolute; top: 50%; height: 2px; background: #f8a81a; width: calc(100% + 20px); left: -10px; content: "";} .mealadded-groceries-section{position: relative; margin-bottom: 60px; margin-top: 20px;} .mealadded-groceries-section:after{display: table;content: ""; clear: both;} .mealadded-groceries-section .container{max-width: 830px;} .mealadded-groceries-wrap{float: right;} .mealadded-groceries-slider{margin: 0 -16px;} .mealadded-groceries-slider .slick-arrow { position: absolute; top: 50%; left: -70px;} .mealadded-groceries-slider .slick-arrow.slick-prev{top:35%;} .mealadded-groceries-slider .slick-list{padding-left: 0 !important;} .mealadded-groceries-slider .slick-slide{ padding: 100px 16px 35px; } .mealadded-groceries-slider .slick-track{margin: 0 auto 0 0;} .mealadded-category-boxdiv{ padding: 120px 10px 45px; border-radius: 0 0 20px 20px; box-shadow: 0 0 12px rgba(0,0,0,0.2); position: relative;} .no-shadow .mealadded-category-boxdiv{box-shadow:none !important;background:#FFF;} .mealadded-category-boxdiv .mealadded-img{ position: absolute; top: -64px; left: 0; height: 166px; width: 166px; border-radius: 100%; object-fit: cover; object-position: center; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); background-color: #f4f5f5;} .no-shadow .mealadded-img{box-shadow:none !important;} .mealadded-category-boxdiv h4{font-size: 18px; color: #323031; line-height: 24px; min-height: 48px; letter-spacing: 0.2px; display: flex; align-items: center; justify-content: center; margin-bottom: 0px; margin-top: 0px;} .mealadded-category-boxdiv .cat-chekbox .plus-sign{background: transparent;} .mealadded-category-boxdiv:hover .cat-chekbox{background-color: #f2715d;transition: all 0.2s ease;} .mealadded-category-boxdiv:hover .cat-chekbox svg line{stroke: #fff;} .mealadded-category-boxdiv .cat-chekbox{bottom: auto; height: 58px; width: 58px; margin-left: -29px; top: -92px;} .mealadded-slectdrop{text-align: center; position: absolute; bottom: -28px; left: 0; right: 0;} .mealadded-slectdrop select, .mealadded-slectdrop .mealadded-count-click{ color: #fff; font-size: 20px; font-weight: 700; min-width: 120px; text-align: center; border: none; border-radius: 28px; display: inline-block; padding: 17px 48px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #083954; background-image: url(../images/dropdown-arrow.svg), url(../images/user-icon.svg); background-position: right 15px center, left 15px center; background-repeat: no-repeat, no-repeat; cursor: pointer; transition: all 0.2s ease;} .no-shadow .mealadded-slectdrop .mealadded-count-click{-moz-transition: none;-webkit-transition: none;-o-transition: color 0 ease-in;transition: none;} .mealadded-slectdrop .mealadded-count-click:hover{background-color: #F2715D;} .additeamfildiv-inner form{display: inline-block;} .additeamfildiv-inner .form-group{position: relative; width: 100%; min-width: 330px; display: inline-block; margin-bottom: 0;} .additem-a-link{position: relative; font-size: 16px; color: #6d6e70; text-align: left; width: 100%; line-height: 1.2; font-weight: 300; display: block; width: 100%; border: 2px solid #fff; background-color: #f4f5f5; padding: 10px 25px 10px 50px; border-radius: 20px; box-shadow: -2px 2px 8px rgb(0 0 0 / 15%); min-height: 44px;} .additeamfildiv-inner .form-group .plusicon{position: absolute; top: 50%; left: 15px; background: url(../images/plust-icon.svg) no-repeat; height: 18px; width: 18px; margin-top: -9px;} .additeamfildiv-inner .form-group .form-control:focus{box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.15); border-color: #fff; } .additem-a-link:hover {color: #107173;} .addque-div{ font-size: 26px; color: #107173; font-weight: 400; display: inline-block; border: 2px solid #fff; background-color: #f4f5f5; padding: 0px 5px; height: 44px; vertical-align: top; margin-left: 25px; width: 44px; line-height: 40px; border-radius: 50%; box-shadow: -2px 2px 8px rgb(0 0 0 / 15%); transition: all 0.2s ease;} .addque-div:hover{background: #107173; color: #fff;} .additeam-filddiv{margin-bottom: 50px;} .mealadded-groceries-slider .mealadded-category-boxdiv h4{font-size: 16px; line-height: 22px;} .site-footer{background-color: #1cb14d; margin-top: 133px; text-align: center; position: relative; padding: 155px 0 20px;} .site-footer p{color: #fff; font-weight: 300; letter-spacing: 0.2px; margin-bottom: 13px;} .site-footer p a{color: #fff;} .footer-social{ margin-bottom: 45px; } .footer-social li{display: inline-block; margin: 0 10px;} .footer-social li a{display: inline-block;} .footer-social li a:hover svg path{fill: #f1715c;} .footer-logo{position: absolute; top: -137px; margin-left: -133px; left: 50%; z-index: 1;} .footer-logo a{display: inline-block;} .footer-links a{margin:0 10px; text-decoration: underline;} .footer-links a:hover{text-decoration: none;} .site-footer p a:hover svg polygon, .site-footer p a:hover svg path {fill: #f1715c;} .recipes-bgsection{position: relative; padding-top: 80px;} .recipes-bgdiv{position: relative; padding-bottom: 42%; height: auto; border-radius: 0 0 60px 60px; overflow: hidden;} .recipes-bgimg{position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; top: 0; left: 0; height: 100%; width: 100%;} .recipes-description-section{position: relative; padding: 40px 0;} .recipes-descontent{max-width: 600px; margin: 0 auto; text-align: center;} .recipes-descontent h2{font-size: 28px; margin-bottom: 25px; font-weight: 500; color: #404041; line-height: 1.2;} .recipes-descontent .fav-recipe-sub{font-size: 15px; margin-bottom: 25px; color: #6d6e70;} .recipes-descontent .fav-recipe-sub span{text-transform: uppercase;} .recipes-descontent .dietlist-ul{margin-bottom: 35px;} .recipe-textdiv{font-size: 15px; margin-bottom: 25px; color: #6d6e70;} .recipes-descontent .fav-recipe-content { margin-top: 0px;} .recipes-descontent .short-text{font-size: 14px; color: #231f20; margin-bottom: 0; font-weight: 300; line-height: 24px;} .recipes-bgsection .b-sign{ position: absolute;bottom: 0px;left: 50%;margin-left: -100px;background-image: url(../images/dot-white/sign-icon-w-lg.png);background-repeat: no-repeat;background-position: center;height: 196px; width: 200px;} .defult-content{max-width: 830px; margin: 0px auto; text-align: left;} .defult-content h1{font-size: 30px; margin-bottom: 40px; letter-spacing: 0.3px; font-weight: 500; color: #404041; line-height: 1.2;} .defult-content h2{font-size: 25px; letter-spacing: 0.4px; margin-bottom: 30px; font-weight: 300; color: #10897b; line-height: 1.2;} .defult-content h3{color: #10897b; font-size: 16px; letter-spacing: 0.2px; line-height: 1.2; margin-bottom: 25px; font-weight: 500;} .defult-content h4{color: #10897b; text-align: center; font-size: 15px; letter-spacing: 0.2px; line-height: 1.4; font-style: italic; margin-bottom: 25px; font-weight: 500;} .defult-content h5,.defult-content h6{color:#404041; margin-bottom: 20px;} .defult-content p{font-size: 14px; color: #2e2925; margin-bottom: 20px; letter-spacing: 0.2px; font-weight: 400; line-height: 24px;} .defult-content p strong{font-weight: 700;} .defult-content p a{text-decoration: underline; color: #10897b;} .defult-content figure{margin: 30px 0; position: relative;} .defult-content figcaption {letter-spacing: 0.2px; line-height: 1.2 !important; font-size: 16px !important; color: #10897b; max-width: 400px !important; text-align: left; padding-left: 15px !important; padding-top: 15px !important; position: relative; margin-left: 50px !important;} .defult-content figcaption:before{position: absolute; bottom: 0; z-index: 1; left: 0; width: 1px; height: 160%; background: #10897b; content: "";} .defult-content figure.figure-center figcaption{margin: 0 auto;} .defult-content ul li, .defult-content ol li{font-size: 14px; margin-bottom: 5px; color: #2e2925; font-weight: 400; line-height: 24px;} .defult-content ul li:last-child, .defult-content ol li:last-child{margin-bottom: 0px;} .defult-content ul li strong, .defult-content ol li strong{font-weight: 700;} .defult-content ul, .defult-content ol{padding-left: 20px; margin-bottom: 20px;} .defult-content ul{list-style: disc;} .defult-content ol{list-style: decimal;} .defult-content h1:last-child, .defult-content h2:last-child, .defult-content h3:last-child, .defult-content h4:last-child, .defult-content h5:last-child, .defult-content p:last-child, .defult-content ul:last-child, .defult-content ol:last-child{margin-bottom: 0;} .defult-content .footer-social{padding-left: 0px;} .defult-content .footer-social li{margin: 0 5px;} .defult-content .footer-social li a { height: 42px; width: 42px; border-radius: 50%; margin-right: 0px; background-color: #f4f5f5; text-align: center;display: flex; align-items: center; justify-content: center; border: 2px solid #fff; box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.15); transition: all 0.2s ease;} .defult-content .footer-social li a svg path{fill: #0C887B;} .defult-content .footer-social li:first-child{margin-left: 0;} .defult-content .footer-social li:last-child{margin-right: 0;} .defult-content .footer-social li a:hover {background-color: #0C887B; border-color: #0C887B; } .defult-content .footer-social li a:hover svg path{fill: #fff;} .afterbefore-section{padding-bottom: 60px; padding-top: 40px;} .afterbefore-imgwrap{width: 46%; margin: 0 auto;} .afterbefore-imgwrap:after{display: table; clear: both; content: "";} .afterbefore-imgdiv{width: 50%; padding: 0 8px; float: left;} .afterbefore-imgdiv h3{font-size: 22px; color: #404041; line-height: 1.2; font-weight: 500; text-align: center; margin: 15px 0 0;} .afterbefore-bg{width: 100%; height: 500px; position: relative;} .afterbefore-bg img{position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-position: center; object-fit: cover;} .sticky-recipes-tabar{box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3); background: #f4f5f5; padding-top: 15px; position: absolute; top: -65px; left: 0; width: 100%; z-index: 4; } .fixed-recipesheader{ position: fixed; width: 100%; top: 80px; left: 0;} .sticky-recipes-tabar .container{max-width: 1050px;} .rectab-rightpart{ float: right; } .rectab-rightpart .addgroceries-btn{border: none; box-shadow: none; text-transform: uppercase; font-size: 13px; min-width: 200px; padding: 10px 10px 10px 60px; position: relative; text-align: left; margin-right: 10px; margin-left: 10px;} .rectab-rightpart .addgroceries-btn .cat-chekbox{box-shadow: 0 2px 8px rgb(0 0 0 / 20%); height: 30px; width: 30px; border: none; bottom: 6px; left: 18px; margin-left: 0; } .rectab-rightpart .addgroceries-btn .cat-chekbox:before{position: absolute; content: ""; height: 100%; width: 100%; border-radius: 50%; box-shadow: 2px -2px 3px rgba(255,255,255,0.4); display: block;} .rectab-rightpart .addgroceries-btn .cat-chekbox .plus-sign{height: 14px; width: 14px; margin-top: -7px; margin-left: -7px; background-size: cover;} .rectab-rightpart .mealadded-slectdrop { text-align: center; position: relative; bottom: auto; left: auto; right: auto; display: inline-block; } .rectab-rightpart .mealadded-slectdrop select, .rectab-rightpart .mealadded-slectdrop .mealadded-count-click { position: relative; color: #6d6e70; font-size: 14px; font-weight: 500; min-width: 100px; border-radius: 21px; padding: 10px 40px; background-color: #e6e7e8; background-image: url(../images/dropdown-arrow-grey.svg), url(../images/user-icon-grey.svg); background-size: 10px, 18px; background-position: right 15px center, left 15px center; background-repeat: no-repeat, no-repeat; cursor: pointer; transition: all 0.2s ease; } .rectab-rightpart .mealadded-slectdrop .mealadded-count-click, .rectab-rightpart .mealadded-slectdrop .mealadded-count-click:hover{font-weight:300;background-color: #f2715d; color: #fff; background-image: url(../images/dropdown-arrow-white.svg), url(../images/user-icon-white.svg); } .favrite-lable-link{height: 42px; width: 42px; background: #083954; display: inline-block; text-align: center; vertical-align: top; border-radius: 50%; } .favrite-lable-link svg, .favrite-lable-link img{ position: relative; margin: 11px 0; left: 1px; } .rectab-pills{float: left;} .rectab-pills .nav-tabs{border: none;} .rectab-pills .nav-tabs .nav-item{margin-bottom: 0; margin-right: 10px;} .rectab-pills .nav-tabs .nav-item:last-child{margin-right: 0px;} .rectab-pills .nav-tabs .nav-link{font-size: 17px; border: none; color: #107173; padding: 15px 40px; line-height: 1.2; font-weight: 300; } .rectab-pills .nav-tabs .nav-item.show .nav-link, .rectab-pills .nav-tabs .nav-link.active{background: #1cb14d; color: #fff; border-radius: 10px 10px 0 0; font-weight: 500;} .recipes-tabar-contentsec{margin-top: 65px; padding-top: 40px; margin-bottom: 40px; position: relative;} .rectab-contentwrap{max-width: 750px; margin: 0 auto;} .rectab-contentwrap .table tr td{font-size: 17px; color: #606161; font-weight: 300;} .rectab-contentwrap .table tr td strong{color: #231f20; font-weight: 500;} .rectab-contentwrap .table td, .rectab-contentwrap .table th { border-top: none; border-bottom: 1px solid rgba(166, 168, 171, 0.5);} .rectab-contentwrap .table.ingredients-list tr td{width: 20%;} .rectab-contentwrap .table.ingredients-list tr td:first-child{width: 80%;} .rectab-contentwrap .tab-pane h1{font-size: 30px; margin-bottom: 15px; letter-spacing: 0.3px; font-weight: 500; color: #404041; line-height: 1.2;} .rectab-contentwrap .tab-pane h2{font-size: 26px; letter-spacing: 0.4px; margin-bottom: 15px; font-weight: 300; color: #404041; line-height: 1.2;} .rectab-contentwrap .tab-pane h3{color: #404041; font-size: 22px; letter-spacing: 0.2px; line-height: 1.2; margin-bottom: 15px; font-weight: 500;} .rectab-contentwrap .tab-pane h4{color: #404041; text-align: center; font-size: 18px; letter-spacing: 0.2px; line-height: 1.4; font-style: italic; margin-bottom: 15px; font-weight: 500;} .instructions-tabcontent ol {} .instructions-tabcontent ol li{position: relative; padding: 30px 0 30px 90px; border-bottom: 1px solid rgba(166, 168, 171, 0.5); margin-bottom: 20px;} .instructions-tabcontent ol li:not(.no-counter){counter-increment: my-sec-counter; } .instructions-tabcontent ol li:last-child{border-bottom: none; margin-bottom: 0;} .instructions-tabcontent ol li:not(.no-counter):before { content: counter(my-sec-counter) "."; color: #1cb14d; position: absolute; left: 0px; top: 15px; line-height: 1; font-weight: 700; font-size: 42px; padding: 0;} .instructions-tabcontent ol li h5{ font-size: 17px; max-width: 450px; margin-bottom: 20px; font-weight: 500; color: #231f20; line-height: 1.4;} .instructions-tabcontent ol li p{font-size: 17px; max-width: 450px; margin-bottom: 5px; font-weight: 300; color: #606161; line-height: 1.4;} .instructions-tabcontent .defult-btn{min-width: 240px; margin-top: 20px;} .instructions-tabcontent .defult-btn strong{font-weight: 700;} .side-recipe-info .info-i { font-family: 'DM Mono', monospace; font-weight: 300; font-size: 24px; font-style: italic; color: #6d6e70; border: 2px solid #fff; background-color: #f4f5f5; height: 40px; width: 40px; border-radius: 50%; text-align: center; line-height: 38px; display: inline-block; box-shadow: -1px 1px 3px rgb(0, 0, 0, 0.2); margin-left: 0px;} .side-recipe-info { position: absolute; top: 9%; right: 40px;} .side-grocery-info label{font-size: 13px; font-weight: 300; color: #6d6e70; line-height: 1.2; margin-top: 12px; display: block; text-transform: uppercase;} .side-grocery-info .grocery-title{ font-size: 18px; letter-spacing: 0.2px; color: #404041; line-height: 1.2; font-weight: 500; margin: 0;} .filterside-section.recipeside-section { padding-top: 10%; padding-right: 50px; padding-left: 50px; display: block;} .recipeside-slider{width: calc(100% + 60px); margin-top: 15px; margin-left: -10px;} .recipeside-slider .slick-slide{padding: 0 10px;} .recipeside-slider .slick-list{padding-left: 0 !important;} .filterside-section.recipeside-section .filter-social{right: 40px;bottom: 5%;text-align: right;} .side-grocery-info li{margin-bottom: 60px;position: relative;} .grocery-item {} .grocery-item-image { position: relative; padding-top: 66.66%; margin-top: 0px; margin-bottom: 15px; background-color: #fff; border-radius: 20px; overflow: hidden;} .grocery-item-image img{position: absolute;height: 100%;width: 100%;object-fit: cover; object-position: center; top: 0; left: 0;} .grocery-item p{color: #ffffff; padding-right: 30px;} .grocery-btn { font-size: 14px; text-decoration: underline; line-height: 1.2; color: #000; letter-spacing: 0.2px; border: none; background: transparent; text-transform: uppercase; cursor: pointer;} .grocery-qty .qty-plus{ border: 2px solid #fff; background-color: #f4f5f5; height: 40px; width: 40px; border-radius: 50%; text-align: center; display: inline-block; position: relative; box-shadow: -1px 1px 3px rgb(0, 0, 0, 0.1); margin-left: 10px;} .grocery-qty .qty-plus img, .grocery-qty .qty-plus svg{margin: 10px 0;} .grocery-qty .qty-minus{ border: 2px solid #fff; background-color: #f4f5f5;height: 40px; width: 40px; border-radius: 50%; text-align: center; display: inline-block; position: relative; box-shadow: -1px 1px 3px rgb(0, 0, 0, 0.1); margin-left: 10px;} .grocery-qty .qty-minus img, .grocery-qty .qty-minus svg{margin: 18px 0;} .grocery-qty .qty-plus:before, .grocery-qty .qty-minus:before{position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; box-shadow: 2px -3px 6px rgb(255 255 255 / 100%); border-radius: 100%;} .grocery-qty { position: absolute; right: 0px; top: 0;} .my-groceries-title .addque-div{display: none;} .crosse-popup-section{position: fixed; bottom: -100%; left: 0; height: 100%; width: 100%; background: rgba(35,31,32,0.65); z-index: 9; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: all 0.4s ease;} .crosse-popup-section .crosscancel-btn{ margin: 10px 0; color: #083954; min-width: 300px; } .crosse-popup-section .crosscancel-btn:hover{background: #083954; color: #fff; border-color: #083954;} .crosse-popup-section .delcross-btn{ margin: 10px 0; min-width: 300px; color: #ec1c24; } .crosse-popup-section .delcross-btn:hover{background: #ec1c24; color: #fff; border-color: #ec1c24;} .crosse-popup-section.active{bottom: 0;} .delrecipe-popupsection{position: fixed; bottom:-100%; left: 0; height: 100%; width: 100%; background: rgba(35,31,32,0.65); z-index: 150; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: all 0.4s ease; opacity: 0; pointer-events: none;} .delrecipe-popupsection .delrecipecancel-btn{ margin: 10px 0; color: #083954; min-width: 300px; } .delrecipe-popupsection .delrecipecancel-btn:hover{background: #083954; color: #fff; border-color: #083954;} .delrecipe-popupsection .delrecipe-btn{ margin: 10px 0; min-width: 300px; color: #ec1c24; } .delrecipe-popupsection .delrecipe-btn:hover{background: #ec1c24; color: #fff; border-color: #ec1c24;} .delrecipe-popupsection.active{bottom: 0; opacity: 1; pointer-events: all;} .delrecipe-popupsection .delrecipe-msgdiv{background: #fff; text-align: center; max-width: 240px; margin: 0 auto 20px; padding: 30px 15px; border-radius: 15px; } .delrecipe-popupsection .delrecipe-msgdiv h5{font-size: 18px; font-weight: 500; margin-bottom: 15px; line-height: 1.2; letter-spacing: 0.2px; color: #404041;} .delrecipe-popupsection .delrecipe-msgdiv p{font-size: 14px; margin-bottom: 0; color: #404041; line-height: 1.4;} .crosse-iteambtndiv{text-align: center; max-width: 300px;} .delrecipe-msdinnerdiv { max-width: 300px;} .back-resices-btndiv{display: none;} .recipes-descontent .fav-recipe-sub.tbl-display{display: none; } .logosign-iconbg{position: absolute; top: -80px; left: 50%; margin-left: -46px; height: 90px; width: 92px; } .logosign-iconbg img{filter: drop-shadow(-3px 3px 3px rgba(0,0,0,0.1));} .dotsign-iconbg{position: absolute;bottom: 9.5%; left: 36%; margin-left: -51px; height: 103px; width: 103px; } .dotsign-iconbg img{filter: drop-shadow(-3px 3px 3px rgba(0,0,0,0.1));} .filterside-section.markedcooked-section{ background-image: url(../images/cooked-makebg.svg); align-items: inherit; padding-top: 10%; padding-right: 50px; padding-left: 50px;} .undo-groceries-linkdiv { margin-top: 15%;} .markedcooked-titlediv{ margin-bottom: 25%;} .markedcooked-titlediv h2{font-size: 20px; margin-bottom: 30px; letter-spacing: 0.2px; font-weight: 500; color: #404041;} .markedcooked-titlediv p{font-size: 16px; line-height: 30px; font-weight: 300; color: #404041;} .filterside-section.markedcooked-section .filter-social { bottom: 40px;} .filterside-section.markedcooked-section .filter-social a{opacity: 0.9;} .markedcooked-recipeproduct h4{font-size: 14px; color: #404041; line-height: 1; font-weight: 300; text-transform: uppercase; margin-bottom: 15px;} .markedcooked-recipeproduct .grocery-item p{color: #404041;} .markedcooked-recipeproduct .grocery-item-image{padding-top: 56.25%;} .undo-groceries-linkdiv{} .undo-groceries-linkdiv .undo-link{margin-bottom: 30px;} .undo-groceries-linkdiv .undo-link, .undo-groceries-linkdiv .groceries-link{display: inline-block; color: #404041; text-transform: uppercase; font-weight: 300; font-size: 14px; text-decoration: underline;} .setting-sidebar {align-items: inherit;} .setting-sidebar .title-filter{position: relative; top: auto; margin-top: 25%; margin-bottom: 15%; left: auto;} .setting-sideinner{padding: 47% 55px 50px; position: relative; width: 100%;} .setting-sideinner .edit-profile-click{text-transform: uppercase; font-size: 14px; color: #404041; text-decoration: underline; line-height: 1.2; font-weight: 300;} .setting-linkul{max-width: 220px;} .setting-linkul li{display: block; margin-bottom: 15%; text-transform: uppercase; font-size: 14px; color: #404041; line-height: 1.4; font-weight: 300;} .setting-linkul li:last-child{margin-bottom: 0;} .setting-linkul li a{color: #404041; text-decoration: underline; } .setting-linkul li a:hover{text-decoration: none;} .setting-sideinner .setting-s-icondiv{ position: absolute; left: 55px; top: 9%; height: 42px; width: 42px; background-color: #107173; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; font-weight: 300; border-radius: 50%; box-shadow: -2px 3px 6px rgb(0 0 0 / 25%);} .setting-sideinner .setting-s-icondiv:before{content: ""; position: absolute; top: 0;left: 0; height: 100%; width: 100%; background: transparent; border-radius: 100%; box-shadow: 2px -2px 5px rgb(255 255 255 / 25%);} .setting-sideinner .setting-div{position: absolute; right: 55px; top: 8%; margin: 0; box-shadow: -3px 3px 5px rgb(0 0 0 / 15%);} .setting-sideinner .setting-div:before{content: ""; position: absolute; top: 0;left: 0; height: 100%; width: 100%; background: transparent; border-radius: 100%; box-shadow: 2px -2px 8px rgb(255 255 255 / 25%);} .setting-sideinner .setting-div a{background: #f4f5f5;} .setting-sideinner .setting-div a svg path{fill: #404041;} .setting-back-arrow{position: absolute; top: 4%; left: 55px;} .setting-back-arrow svg polyline, .setting-back-arrow svg line{stroke: #fff;} .editprofile-formdiv{display: none;} .editprofile-formdiv .form-group{ margin-bottom: 40px; } .editprofile-formdiv .form-group label{font-size: 12px; line-height: 1.2; display: block; font-weight: 300; } .editprofile-formdiv .form-group input[type="text"]{border: none; background: transparent; border-bottom: 1px solid #404041; width: 100%; font-size: 14px; font-weight: 400; color: #404041; max-width: 250px; } .editpro-btndiv{margin-top: 25%;} .editprofile-formdiv .editpro-btn{background: transparent; font-size: 16px; text-transform: uppercase; color: #404041; text-decoration: underline; border: none; cursor: pointer;} .editprofile-formdiv .form-group input[type="text"]::-webkit-input-placeholder { color: #404041;} .editprofile-formdiv .form-group input[type="text"]::-moz-placeholder { color: #404041;} .editprofile-formdiv .form-group input[type="text"]:-ms-input-placeholder { color: #404041;} .editprofile-formdiv .form-group input[type="text"]:-moz-placeholder { color: #404041;} .setting-sidebar .editprofile-formdiv .title-filter{margin-top: 0; margin-bottom: 18%;} .searchpage-section { position: relative; margin-top: 140px;} .serach-form{max-width: 50%; width: 100%; margin: 0 auto 50px;} .serach-form .form-control { border: 2px solid #fff; background: #f4f5f5; font-weight: 300; color: #404041; border-radius: 50px; padding: 10px 20px 10px 50px; box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);} .serach-form .form-control:focus{border-color: #fff; box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);} .serach-form .form-group{position: relative;} .serach-form .form-group:before{background: url(../images/search-icon.svg) no-repeat; content: ""; position: absolute; top: 15px; left: 20px; height: 21px; width: 17px;} .searchselect-addediv{ margin-top: 20px; } .sadded-slectdrop{display: inline-block;} .sadded-slectdrop select, .sadded-slectdrop .sadded-count-click{ position: relative; color: #6d6e70; font-size: 14px; font-weight: 500; min-width: 100px; border-radius: 21px; padding: 10px 40px; background-color: #e6e7e8; background-image: url(../images/dropdown-arrow-grey.svg), url(../images/user-icon-grey.svg); background-size: 10px, 18px; background-position: right 15px center, left 15px center; background-repeat: no-repeat, no-repeat; display: inline-block; text-align: center; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; transition: all 0.2s ease;} .sadded-slectdrop .sadded-count-click:hover{background-color: #f2715d; color: #fff; background-image: url(../images/dropdown-arrow-white.svg), url(../images/user-icon-white.svg);} .searchselect-addediv .defult-btn.addgroceries-btn{background: #083954; border: none; box-shadow: none; text-transform: uppercase; font-size: 13px; min-width: 200px; padding: 10px 10px 10px 60px; position: relative; text-align: left; margin-left: 10px;} .searchselect-addediv .defult-btn.addgroceries-btn:hover{background: #1cb14d; color: #fff;} .searchselect-addediv .defult-btn.addgroceries-btn .cat-chekbox{box-shadow: 0 2px 8px rgb(0 0 0 / 20%); height: 30px; width: 30px; border: none; bottom: 6px; left: 18px; margin-left: 0; } .searchselect-addediv .defult-btn.addgroceries-btn .cat-chekbox .plus-sign{ background: url(../images/plust-icon-blue.svg) no-repeat; height: 14px; width: 14px; margin-top: -7px; margin-left: -7px; background-size: cover;} .dailyinspiration-section{} .dailyinspiration-section .pagetile-div { margin-top: 100px;} .dailyinspiration-section .dailyinspiration-slider .slick-arrow{top: 255px;} .dailyinspiration-section .dailyinspiration-slider .slick-prev.slick-arrow{top: 315px;} .dailyinspiration-section .dailyinspiration-slider .fav-recipe-content h4, .lunch-section .doeat-slider .fav-recipe-content h4, .dinner-section .inspiration-slider .fav-recipe-content h4, .postworkout-section .inspiration-slider .fav-recipe-content h4{max-width: 320px;} .dailyinspiration-section .dailyinspiration-slider .fav-recipe-bgdiv{ padding-bottom: 125%;} .articles-section .doeat-slider .fav-recipe-content h4{max-width: 240px;} .lunch-section .doeat-slider .fav-recipe-bgdiv, .dinner-section .inspiration-slider .fav-recipe-bgdiv, .postworkout-section .inspiration-slider .fav-recipe-bgdiv{ padding-bottom: 100%;} .home-whatmeal-section{padding: 60px 0 50px;background: #ebecec; width: calc(100% - 40px); margin: 60px auto 30px; border-radius: 20px;} .home-whatmeal-section .accpre-content-inner{max-width: 950px; top: 0;} .home-whatmeal-section .accpre-category-list li:nth-child(3n + 1){clear: inherit;} .home-whatmeal-section .accpre-category-list li{width: 162px; margin-bottom: 0;padding-top: 15px;} .accpre-category-list li a{display: block;height: 100%;} .accpre-category-list li .accpre-category-img img{ position: relative; height: 100%; width: 100%; border-radius: 100%; object-fit: cover; object-position: center; box-shadow: 0 5px 10px rgb(0 0 0 / 30%); } .accpre-category-list li .accpre-category-img { height: 130px; width: 100%; margin-bottom: -64px; z-index: 1; position: relative; } .accpre-category-boxdiv{ /* min-width: 140px; */ transition: all 0.2s ease;padding: 90px 20px 25px;height: calc(100% - 65px);} .home-whatmeal-section .accpre-category-boxdiv h4{align-items: flex-end; transition: all 0.2s ease;min-height: auto;height: 100%;} .home-whatmeal-section .accpre-content-inner h3{font-size: 40px; font-weight: 500; color: #404041; letter-spacing: 0.2px; margin-bottom: 50px;} .home-whatmeal-section .accpre-category-boxdiv:hover{background: #083954;} .home-whatmeal-section .accpre-category-boxdiv:hover h4{color: #fff;} .mt-psstcb{margin-top: 30px !important;} .elevate-your-cooking { background: #f7f9f9; width: calc(100% - 40px); margin: 30px auto; border-radius: 20px;} .elevate-your-cooking h2{ color: #404041; margin-bottom: 40px; font-size: 40px; line-height: normal; font-weight: 500; letter-spacing: 0.2px;} .elevate-your-cooking_box { padding: 30px; background: #ecedee; border-radius: 40px;} .elevate-your-cooking p { font-weight: 300; color: #6d6e70; letter-spacing: 0.3px; font-size: 22px; line-height: 1.4; transition-delay: .16s; margin-bottom: 45px; } .elevate-your-cooking_box img{max-width: 75%; display: block; margin: 0 auto;} .elevate-your-cooking_box .row .row { max-width: 500px; } .elevate-your-cooking_box .defult-btn strong{font-weight: 700;} .articles-section{margin-top: 30px;} .filter-click.filter-tras{background: transparent; color: #083954;} .filter-sectedlist{display: inline-block;} .filter-sectedlist li{display: inline-block;} .filter-sectedlist li a{position: relative; display: inline-block; border: 1px solid #083954; color: #083954; font-size: 13px; font-weight: 300; text-transform: uppercase; padding: 4px 15px; margin-left: 5px; border-radius: 17px; transition: all 0.2s ease;} .filter-sectedlist li a span:before{margin: 0 8px; display: inline-block; height: 5px; width: 5px; border-radius: 10px; background: #083954; content: ""; position: relative; top: -2px;} .filter-sectedlist li a:hover{color: #fff; background: #083954;} .filter-sectedlist li a:hover span:before{background: #fff;} .arrow-pagination {position: relative; top: 3px;} .recipes-section{margin-top: 180px !important;} #dp-next, #dp-prev, #dp-dots { display: none; } /* Included section */ .included-section { position: relative; padding: 50px 0;} .image-include {display: flex; padding-right: 60px; justify-content: flex-end;} .content-include{padding-top: 30px; } .content-include h6 { font-size: 20px; letter-spacing: 0.9px; font-weight: 400; line-height: 24px; color: #f2715d; margin-bottom: 55px;} .content-include li { font-size: 19px; letter-spacing: 0.2px; line-height: 26px; font-weight: 400; padding-left:50px; list-style-type: none; position: relative; margin-bottom: 25px;} .content-include li::before { content: ""; display: block; width: 26px; height: 26px; background: #f2715d; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); border-radius: 50px; position: absolute; top: 0; left: 0px; background-image: url(../images/checkmark-icon2.svg); background-repeat: no-repeat; background-position: center; border: 1px solid #fff; background-size: 14px;} .content-include li a { text-decoration: none; color: #2e2925;} /* select-your-plan-section */ .palnunlock-div{text-align: center; margin-bottom: 60px;} .palnunlock-div h2{color: #404041; font-weight: 500; line-height: 1.2; letter-spacing: 0.2px; margin-top: 30px;} .select-your-plan-section{ position: relative; margin-top: 140px} .content-select-your-plan { text-align: center;} .content-select-your-plan h2 {color: #2e2925; font-size: 60px; font-weight: 500; letter-spacing: 1px; line-height: 1.2; margin-bottom: 50px;} .content-select-your-plan p { font-weight: 400; font-size: 20px; letter-spacing: 0.8px; line-height: 1.2; margin-bottom: 70px;} .round-box-plan p { font-size: 22px; margin-bottom: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.2; color: #6d6e70;} .round-box-plan h3 { font-size: 42px; margin-bottom: 10px; line-height: 1.2; letter-spacing: 0.2px; font-weight: 300; color: #6d6e70;} .round-box-plan p span{font-weight: 300;} .round-box-plan p:last-child{margin-bottom: 0;} .round-box-plan { width: 214px; margin: 0 auto; box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.2); height: 214px; border: 2px solid #6d6e70; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column;} .round-box-plan:hover{ border: 2px solid red;} .roundbox-content p { margin: 25px 0 20px; font-size: 15px; line-height: 20px; letter-spacing: 0.9px; font-weight: 300;} .roundbox-content {max-width: 150px; text-align: center; margin: auto;} .round-box-annual {float: right; width: 230px;} .roundbox-save { background: #f2715d;} .plan-row .col-md-6:last-child .round-box-annual{float: left;} .roundbox-save p {font-weight: 400; color: #ffffff; font-size: 15px; letter-spacing: 0.4px; line-height: 18px;} .roundbox-save { background: #f2715d; width: 83px; height: 83px; border-radius: 50px; text-align: center; padding: 25px 0; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;} .btn-select { margin: 25px 0 0px 0; padding-top: 110px; position: relative; text-align: center;} .btn-select .defult-btn{min-width: 170px; padding: 12px; font-size: 16px; line-height: 22px; border-radius: 25px;} .btn-select-round { margin: 181px 0; text-align: center;} .payment-section{margin-top: 140px; position: relative; padding-bottom: 70px;} .payment-section .payment-form{ width: 100%; max-width: 300px; margin: 0 auto; text-align: left; } .payemnt-plandiv{text-align: center; margin-bottom: 50px;} .payemnt-plandiv h5{font-size: 20px; text-transform: uppercase; color: #f2705c; letter-spacing: 0.2px; margin-bottom: 20px;} .payemnt-plantext{font-size: 16px; letter-spacing: 0.2px; color: #6d6e70; line-height: 1.2;} .payment-section h3{color: #404041; font-size: 20px; letter-spacing: 0.2px; text-align: center; line-height: 1.2; margin-bottom: 20px; font-weight: 500;} .payment-section .defult-btn.pink-bg{margin-top: 20px;} .site-header .back-hotresices-btndiv, .site-header.recipesdetail-header .back-hotresices-btndiv, .site-header.recipesdetail-header.hotrecipesdetail-header .back-resices-btndiv{display: none;} .site-header.recipesdetail-header .back-resices-btndiv a, .site-header.recipesdetail-header.hotrecipesdetail-header .back-hotresices-btndiv a { height: 42px; width: 42px; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; border-radius: 50%;} .site-header.recipesdetail-header .back-resices-btndiv a{background-color: #1cb24c;} .site-header.recipesdetail-header.hotrecipesdetail-header .back-hotresices-btndiv a{background-color: #f8a81a;} .site-header.recipesdetail-header .back-resices-btndiv, .site-header.recipesdetail-header.hotrecipesdetail-header .back-hotresices-btndiv{position: absolute; top: 19px; left: 17%; display: block;} .site-header.recipesdetail-header .back-resices-btndiv svg polyline, .site-header.recipesdetail-header .back-resices-btndiv svg line, .site-header.recipesdetail-header.hotrecipesdetail-header .back-hotresices-btndiv svg polyline, .site-header.recipesdetail-header.hotrecipesdetail-header .back-hotresices-btndiv svg line {stroke:#fff;} .video-cover{background-size: cover; background-position: center; background-repeat: no-repeat;} .site-header.innerpage-header{position: fixed; background: #f4f5f5; box-shadow: none;} .site-header.innerpage-header.sticky{box-shadow: none;} .articles-viewall-section { margin-top: 160px;} .bubblebg-wrap { bottom: 0;left: 0;position: absolute; right: 0; top: 0; pointer-events: none; opacity: 0;} .filterside-section.active .bubblebg-wrap{opacity: 1;} .bubble { position: absolute;} /* .bubblebg-wrap .bubble:first-child{top: 7%; left: 44%;} .bubblebg-wrap .bubble:nth-child(2){top: -5%; left: 19%;} .bubblebg-wrap .bubble:nth-child(3){top: 15%; right: 6%;} .bubblebg-wrap .bubble:nth-child(4){top: 25%; right: 7%;} .bubblebg-wrap .bubble:nth-child(5){top: 25%; left: 5%;} .bubblebg-wrap .bubble:nth-child(6){top: 23%; left: 12%;} .bubblebg-wrap .bubble:nth-child(8){top: 55%; right: 12%;} .bubblebg-wrap .bubble:nth-child(9){top: 58%; right: 14%;} .bubblebg-wrap .bubble:nth-child(10){top: 60%; right: -6%;} .bubblebg-wrap .bubble:nth-child(11){top: 70%; left: 8%;} .bubblebg-wrap .bubble:nth-child(12){top: 80%; right: 18%;} .bubblebg-wrap .bubble:nth-child(13){top: 87%; left: 29%;} .bubblebg-wrap .bubble:nth-child(14){top: 88%; left: 30%;} */ /* KEYFRAMES */ @keyframes animateBubble { 0% { margin-top: 1000px; } 100% { margin-top: -100%; } } @keyframes sideWays { 0% { margin-left:0px; } 100% { margin-left:40px; } } @keyframes sideWaysright { 0% { margin-right: 0px; } 100% { margin-right:40px; } } .bubble.b-sign{/* background-image: url(../images/dot-white/sign-icon-w.png); background-repeat: no-repeat; background-position: center; height: 104px; width: 105px; */ background-image: url(../images/dot-white/TCB_Heart_Light_Grey.svg); background-repeat: no-repeat; background-position: center; width: 113px; height: 111px; } .bubble.b-sm {background-image: url(../images/dot-white/sm-dot-w.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 44px;} .bubble.b-md {background-image: url(../images/dot-white/md-dot-w.png); background-repeat: no-repeat; background-position: center; height: 78px; width: 77px;} .bubble.b-lg {background-image: url(../images/dot-white/lg-dot-w.png); background-repeat: no-repeat; background-position: center; height: 108px; width: 109px;} .bubble.b-exlg {background-image: url(../images/dot-white/lgex-dot-w.png); background-repeat: no-repeat; background-position: center; height: 176px; width: 177px;} .bubble.pink-dot.b-sign{/* background-image: url(../images/dot-pink/sign-icon-p.png); */ background-image: url(../images/dot-pink/TCB_Heart_Watermelon.svg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 194px; width: 196px;} .bubble.pink-dot.b-sm {background-image: url(../images/dot-pink/sm-dot-p.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 45px;} .bubble.pink-dot.b-md {background-image: url(../images/dot-pink/md-dot-p.png); background-repeat: no-repeat; background-position: center; height: 76px; width: 77px;} .bubble.pink-dot.b-lg {background-image: url(../images/dot-pink/lg-dot-p.png); background-repeat: no-repeat; background-position: center; height: 109px; width: 110px;} .bubble.pink-dot.b-exlg {background-image: url(../images/dot-pink/lgex-dot-p.png); background-repeat: no-repeat; background-position: center; height: 176px; width: 176px;} .bubble.yellow-dot.b-sign{background-image: url(../images/dot-yellow/sign-icon-y.png); background-image: url(../images/dot-yellow/TCB_Heart_Tangerine.svg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 194px; width: 197px;} .bubble.yellow-dot.b-sm {background-image: url(../images/dot-yellow/sm-dot-y.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 44px;} .bubble.yellow-dot.b-md {background-image: url(../images/dot-yellow/md-dot-y.png); background-repeat: no-repeat; background-position: center; height: 77px; width: 75px;} .bubble.yellow-dot.b-lg {background-image: url(../images/dot-yellow/lg-dot-y.png); background-repeat: no-repeat; background-position: center; height: 101px; width: 101px;} .bubble.yellow-dot.b-exlg {background-image: url(../images/dot-yellow/lgex-dot-y.png); background-repeat: no-repeat; background-position: center; height: 175px; width: 176px;} .bubble.green-dot.b-sign{background-image: url(../images/dot-green/sign-icon-g.png); background-image: url(../images/dot-green/TCB_Heart_Lime.svg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 194px; width: 196px;} .bubble.green-dot.b-sm {background-image: url(../images/dot-green/sm-dot-g.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 44px;} .bubble.green-dot.b-md {background-image: url(../images/dot-green/md-dot-g.png); background-repeat: no-repeat; background-position: center; height: 77px; width: 79px;} .bubble.green-dot.b-lg {background-image: url(../images/dot-green/lg-dot-g.png); background-repeat: no-repeat; background-position: center; height: 109px; width: 108px;} .bubble.green-dot.b-exlg {background-image: url(../images/dot-green/lgex-dot-g.png); background-repeat: no-repeat; background-position: center; height: 177px; width: 178px;} /* ANIMATIONS */ .x15 { -webkit-animation: animateBubble 23s linear infinite, sideWays 3s ease-in-out infinite alternate; -moz-animation: animateBubble 23s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 23s linear infinite, sideWays 3s ease-in-out infinite alternate; top: 0%; left: 0; } .x1 { -webkit-animation: animateBubble 25s linear infinite, sideWays 4s ease-in-out infinite alternate; -moz-animation: animateBubble 25s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 25s linear infinite, sideWays 4s ease-in-out infinite alternate; top: 7%; left: 44%; } .x2 { -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate; -moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate; top: -5%; left: 18%; } .x3 { -webkit-animation: animateBubble 27s linear infinite, sideWaysright 2s ease-in-out infinite alternate; -moz-animation: animateBubble 27s linear infinite, sideWaysright 2s ease-in-out infinite alternate; animation: animateBubble 27s linear infinite, sideWaysright 2s ease-in-out infinite alternate; top: 18%; right: 6%; } .x4 { -webkit-animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate; -moz-animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate; animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate; top: 23%; right: 5%; } .x5 { -webkit-animation: animateBubble 27s linear infinite, sideWays 4s ease-in-out infinite alternate; -moz-animation: animateBubble 27s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 27s linear infinite, sideWays 4s ease-in-out infinite alternate; top: 20%; left: 4%; } .x6 { -webkit-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate; -moz-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate; top: 40%; left: 10%; } .x8 { -webkit-animation: animateBubble 29s linear infinite, sideWaysright 3s ease-in-out infinite alternate; -moz-animation: animateBubble 29s linear infinite, sideWaysright 3s ease-in-out infinite alternate; animation: animateBubble 29s linear infinite, sideWaysright 3s ease-in-out infinite alternate; top: 55%; right: 12%; } .x9 { -webkit-animation: animateBubble 35s linear infinite, sideWaysright 4s ease-in-out infinite alternate; -moz-animation: animateBubble 35s linear infinite, sideWaysright 4s ease-in-out infinite alternate; animation: animateBubble 35s linear infinite, sideWaysright 4s ease-in-out infinite alternate; top: 58%; right: 14%; } .x10 { -webkit-animation: animateBubble 37s linear infinite, sideWaysright 4s ease-in-out infinite alternate; -moz-animation: animateBubble 37s linear infinite, sideWaysright 4s ease-in-out infinite alternate; animation: animateBubble 37s linear infinite, sideWaysright 4s ease-in-out infinite alternate; top: 60%; right: -11%; } .x11 { -webkit-animation: animateBubble 32s linear infinite, sideWays 2s ease-in-out infinite alternate; -moz-animation: animateBubble 32s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 32s linear infinite, sideWays 2s ease-in-out infinite alternate; top: 70%; left: 13%; } .x12 { -webkit-animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate; -moz-animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate; animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate; top: 80%; right: 28%; } .x13 { -webkit-animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate; -moz-animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate; top: 87%; left: 29%; } .x14 { -webkit-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate; -moz-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate; top: 95%; left: 35%; } .filterside-section.active .x122 { -webkit-animation: animateBubble 16s linear infinite, sideWays 4s ease-in-out infinite alternate; -moz-animation: animateBubble 16s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 16s linear infinite, sideWays 4s ease-in-out infinite alternate; top: 7%; left: 44%; } .filterside-section.active .x422 { -webkit-animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate; -moz-animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate; animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate; top: 23%; right: 5%; } .filterside-section.active .x622 { -webkit-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate; -moz-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate; top: 40%; left: 10%; } .filterside-section.active .x922 { -webkit-animation: animateBubble 24s linear infinite, sideWaysright 4s ease-in-out infinite alternate; -moz-animation: animateBubble 24s linear infinite, sideWaysright 4s ease-in-out infinite alternate; animation: animateBubble 24s linear infinite, sideWaysright 4s ease-in-out infinite alternate; top: 58%; right: 14%; } .filterside-section.active .x1222 { -webkit-animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate; -moz-animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate; animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate; top: 80%; right: 28%; } .filterside-section.active .x1522 { -webkit-animation: animateBubble 20s linear infinite, sideWays 3s ease-in-out infinite alternate; -moz-animation: animateBubble 20s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 20s linear infinite, sideWays 3s ease-in-out infinite alternate; top: 0%; left: 0; } .filterside-section.active .x822 { -webkit-animation: animateBubble 22s linear infinite, sideWaysright 3s ease-in-out infinite alternate; -moz-animation: animateBubble 22s linear infinite, sideWaysright 3s ease-in-out infinite alternate; animation: animateBubble 22s linear infinite, sideWaysright 3s ease-in-out infinite alternate; top: 55%; right: 12%; } .filterside-section.active .x1322 { -webkit-animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate; -moz-animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate; top: 87%; left: 29%; } .filterside-section.active .x522 { -webkit-animation: animateBubble 26s linear infinite, sideWays 4s ease-in-out infinite alternate; -moz-animation: animateBubble 26s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 26s linear infinite, sideWays 4s ease-in-out infinite alternate; top: 20%; left: 4%; } .mobile-onboarding-content{ display: none; padding: 30px; } .mobile-onboarding-content *{ color: #fff; } .onboarding-readmore a { color: #fff; font-size: 14px; font-weight: 300; } .onboarding-readmore a span.icon { height: 32px; width: 32px; border: 2px solid #ffff; display: inline-block; vertical-align: middle; border-radius: 30px; margin-left: 12px; position: relative; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%); } .onboarding-readmore a.plus span.icon:before, .onboarding-readmore a.minus span.icon:before{ content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; height: 1px; width: 12px; top: 14px; background-color: #fff; } .onboarding-readmore a.minus, .onboarding-readmore.open a.plus{ display: none; } .onboarding-readmore.open a.minus{ display: block; } .onboarding-readmore a.plus span.icon:after{ content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; height: 13px; width: 1px; background-color: #fff; top: 8px; opacity: 1; } .onboarding-readmore { margin: 0 0 30px; } .onboarding-wrap.shopping-lists .onboarding-image-content .mobile-onboarding-content h3{ max-width: 100%; margin: 0 0 25px; padding: 0; } .onboarding-image-content h3:before{ display: none; } .onboarding-four .onboarding-relative .yellow-dot{ background-image: url(../images/dot-green/TCB_Heart_Lime.svg); } .onboarding-four .onboarding-relative .pink-dot{ background-image: url(../images/dot-pink/TCB_Heart_Lime.svg); } .accpre-category-boxdiv .accpre-category-img{ overflow: hidden; } .sharesocial-link { position: fixed; right: 2.5%; top: 105px; padding-right: 15px; z-index: 10; } .sharesocial-link a{ height: 42px; width: 42px; background-color: #0c887b; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; border-radius: 100%; border: 2px solid #fff; box-shadow: 0px 4px 15px 0px rgb(255 255 255 / 10%); padding-top:3px; } .sharesocial-link a:hover{ background-color: #f1715c; } .socialshare-sidebar .slidertop-heart { position: absolute; left: 45px; top: 50px; } .socialshare-sidebar .setting-sideinner h3{ position: static; margin: 0 0 40px; } .socialshare-sidebar .setting-sideinner h6{ color: #404041; font-size: 15px; font-weight: 300; margin-bottom: 30px; } .socialshare-sidebar .social-icon{ margin-left: -10px; margin-right: -10px; } .socialshare-sidebar .social-icon li{ padding: 0 10px; } .socialshare-sidebar .setting-sideinner .social-icon li a{ width: 42px; height: 42px; border-radius: 21px; background-color: #f4f5f5; border: 2px solid #fff; box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 10%); display: flex; align-items: center; justify-content: center; } .socialshare-sidebar .setting-sideinner .social-icon li a:hover{ background-color: #0c887b; } .socialshare-sidebar .setting-sideinner .social-icon li a:hover svg path{ fill: #fff; } .socialshare-sidebar .footer-social{ position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 50px; } .socialshare-sidebar .footer-social li{ margin: 0; padding: 0 15px; } .socialshare-sidebar .footer-social li a:hover path{ fill: #0c887b; } /* custom cta section */ .custom-cta-section { position: relative; padding-top: 80px; } .recipes-description-section{ background-image: linear-gradient(180deg, rgba(246,249,249,0) 0%, #f6f9f9 100%); } .custom-cta-section .container{ max-width: 1050px; } .custom-cta-section h2 { font-size: 40px; font-weight: 500; color: #404041; margin: 0 0 40px; letter-spacing: 1px; } .custom-cta-section h5{ color: #F2715D; margin: 0 0 40px; text-transform: uppercase; letter-spacing: 2px; } .custom-cta-section ul{ display: inline-block; } .custom-cta-section ul li { font-size: 22px; line-height: normal; font-weight: 300; color: #6D6E70; padding-left: 50px; list-style-type: none; position: relative; margin-bottom: 12px; text-align: left; } .custom-cta-section ul li:before{ content: ""; display: block; width: 26px; height: 26px; background: #f2715d; box-shadow: 0 3px 4px rgb(0 0 0 / 20%); border-radius: 50px; position: absolute; top: 0; left: 0px; background-image: url(../images/checkmark-icon.svg); background-repeat: no-repeat; background-position: center; border: 1px solid #fff; background-size: 14px; } .custom-cta-section .defult-btn { font-size: 18px; padding: 14px 30px; border-radius: 30px; margin: 40px 0 0; } /* Media Query CSS */ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { .accpre-category-boxdiv .accpre-category-img { padding-bottom: calc(100% + 30px);} .home-whatmeal-section .accpre-category-boxdiv .accpre-category-img { padding-bottom: calc(100% + 40px);} @media (max-width: 480px){ .accpre-category-boxdiv .accpre-category-img { padding-bottom: calc(100% + 20px);} .become-friend-form .form-control, .cre-account-wrap .form-control, .sigin-in-wrap .form-control{ border: 2px solid #fff; box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.1);} .pro-subscription-form.payment-form .form-control{border: 2px solid #fff; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);} } @media (max-width: 360px){ .home-whatmeal-section .accpre-category-boxdiv .accpre-category-img { padding-bottom: calc(100% + 30px);} } } } @media (min-width: 1440px){ .container{max-width: 1390px;} } @media (max-width: 2800px) and (min-width: 2121px){ .cre-account-wrap .accpre-content-inner{max-width: 340px;} .account-preference-wrap.cre-account-wrap .accpre-content{float: none;} .account-preference-wrap.cre-account-wrap { display: flex; height: 100vh; height: calc((var(--vh, 1vh) * 100)); justify-content: flex-end;} .filterside-section .filter-list-ul li{margin-bottom: 10px;} .filterside-section .filter-list-ul li a{font-size: 18px;} .filter-btn{font-size: 16px;} .setting-sideinner { padding: 58% 60px 50px;} .setting-sideinner .edit-profile-click{font-size: 16px;} .filterside-section h3, .markedcooked-titlediv h2{font-size: 22px;} .setting-linkul { max-width: 280px;} .setting-linkul li, .markedcooked-recipeproduct h4, .markedcooked-recipeproduct .grocery-item p, .undo-groceries-linkdiv .undo-link, .undo-groceries-linkdiv .groceries-link{font-size: 16px;} .markedcooked-titlediv p{font-size: 18px;} .logosign-iconbg { top: -95px; margin-left: -50px; height: 105px; width: 107px;} .dotsign-iconbg { bottom: 10%; left: 39%; margin-left: -51px; height: 113px; width: 113px;} .onboarding-image-content .bubble.pink-dot.b-sign, .onboarding-image-content .bubble.yellow-dot.b-sign, .onboarding-image-content .bubble.green-dot.b-sign { margin-left: -98px; top: -194px; height: 194px; width: 196px;} @keyframes animateBubble { 0% { margin-top: 1200px; } 100% { margin-top: -100%; }} .onboarding-content-inner img { max-width: 250px; width: 100%;} .accpre-content-inner{top: auto;} .accpre-content{display: flex; align-items: center;} .accpre-content-inner .bubble.b-sign{top: -120px;} .accpre-diet-list { margin: 60px 0 0 0;} .accpre-content-inner { max-width: 450px; width: 100%;} .accpre-category-boxdiv .accpre-category-img{ top: -65px; } .accpre-category-list li { margin-bottom: 45px; padding: 10px 11px 21px;} .accpre-category-boxdiv { padding: 90px 15px 40px;} .accpre-category-boxdiv h4 { font-size: 18px;} .cat-chekbox { height: 46px; width: 46px; bottom: -23px; margin-left: -23px;} .accpre-category-boxdiv:hover .cat-chekbox .plus-sign, .accpre-category-list li a.active .accpre-category-boxdiv .cat-chekbox .plus-sign { width: 17px; height: 18px; background-size: cover; margin-top: -10px; margin-left: -8px;} .cat-chekbox .plus-sign { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px;} .filterside-section.savefavsidebar-section { padding-top: 8%;} .savefavsidebar-slider { margin-top: 40px;} .savefavsidebar-undolink{margin-top: 30px;} .setting-sideinner .setting-s-icondiv, .setting-sideinner .setting-div{top: 8%;} .countpeople-donebtn{bottom: 25%;} .filterside-section.countpeople-section h3{top: 16%;} .filterside-section h3{top: 16%;} .filter-btn{bottom: 18%;} .side-recipe-info{top: 7%;} .filterside-section.recipeside-section { padding-top: 8.5%;} .side-grocery-info label { font-size: 15px; margin-bottom: 15px;} .side-grocery-info .grocery-title {font-size: 20px;} .recipeside-section .grocery-item p, .recipeside-section .grocery-btn { color: #404041;} .side-grocery-info li { margin-bottom: 70px;} #status { width: 120px; height: 260px; position: absolute; left: 50%; top: 50%; margin: -130px 0 0 -60px;} #status svg{ width: 120px; height: 260px;} .site-header.recipesdetail-header .back-resices-btndiv, .site-header.recipesdetail-header.hotrecipesdetail-header .back-hotresices-btndiv{ left: 15%; } .mealadded-groceries-slider .mealadded-category-boxdiv h4{font-size: 18px; line-height: 24px;} .mealadded-groceries-slider .mealadded-category-boxdiv .mealadded-img{width: 100%; height: 180px; top: -90px;} .mealadded-groceries-slider .slick-slide { padding: 120px 16px 35px;} .mealadded-groceries-slider .mealadded-category-boxdiv .cat-chekbox { top: -117px;} } @media (max-width: 1680px) and (min-width: 1367px){ .accpre-content-inner{top: 13%;} .accpre-content h3{margin-bottom: 25px;} .accpre-nextbtn-div{bottom: 6%;} .accpre-category-list li { margin-bottom: 20px;} .accpre-category-boxdiv { padding: 75px 15px 30px;} .accpre-content-inner .bubble.b-sign{top: -100px;} .onboarding-icondiv { height: 280px; width: 280px;} .shaping-recipes .onboarding-icondiv img{max-width: 180px;} .shopping-lists .onboarding-icondiv img{max-width: 150px;} .easy-use-platform .onboarding-icondiv img{max-width: 150px;} .onboarding-image-content h3 { font-size: 26px; max-width: 300px; padding: 25px 0; margin-top: 40px;} .onboarding-image-content .bubble.pink-dot.b-sign, .onboarding-image-content .bubble.yellow-dot.b-sign, .onboarding-image-content .bubble.green-dot.b-sign { margin-left: -85px; top: -154px; height: 154px; width: 156px;} .onboarding-content-inner{top: 15%;} .onboarding-nextbtn-div{bottom: 10%;} .onboarding-content h4{margin-top: 35px;} .dotsign-iconbg { bottom: 6.5%; left: 33%; margin-left: -51px; height: 93px; width: 93px;} @keyframes animateBubble { 0% { margin-top: 850px; } 100% { margin-top: -100%; }} .accpre-diet-list { margin: 100px 0 0 0;} } @media (max-width: 1680px) { .filterside-section.recipeside-section { padding-top: 8.5%;} .side-grocery-info li { margin-bottom: 25px;} .side-recipe-info { top: 5%; right: 30px;} .filterside-section.recipeside-section .filter-social { right: 30px; bottom: 4%;} .filterside-section { right: -410px; width: 400px;} .filterside-section.recipeside-section { padding-right: 40px; padding-left: 40px;} .grocery-item p{margin-bottom: 0;} .filterside-section.markedcooked-section { padding-top: 5%; background-position: bottom;} .markedcooked-titlediv { margin-bottom: 20%;} .undo-groceries-linkdiv { margin-top: 12%;} .undo-groceries-linkdiv .undo-link { margin-bottom: 25px;} .setting-sideinner { padding: 40% 50px 50px;} .setting-back-arrow, .setting-sideinner .setting-s-icondiv{left: 50px;} .setting-sideinner .setting-s-icondiv{top: 8%;} .setting-sidebar .title-filter { margin-top: 20%; margin-bottom: 13%;} .setting-linkul li{margin-bottom: 13%;} .setting-sideinner .setting-div{right: 50px;} .close-sidebar{right:53px;} .dailyinspiration-section .dailyinspiration-slider .fav-recipe-bgdiv { padding-bottom: 120%;} .dailyinspiration-section .dailyinspiration-slider .slick-prev.slick-arrow{top: 310px;} .slidertop-courve{top: -145px;} .sliderbtm-courve{bottom: -20px;} .slidercenter-courve{bottom: -10px;} .savefavsidebar-slider { margin-top: 20px;} .savefavsidebar-slider .grocery-item-image{padding-top: 56.25%;} .savefavsidebar-undolink a{margin-top: 15px;} .setting-sidebar .sliderbtm-courve .bubble.b-sign{bottom: 35px;} .countpeople-donebtn { bottom: 10%; left: 50px;} .filter-btn{bottom: 18%;} .filterside-section h3 { top: 21%;} .filter-btn { bottom: 25%;} .mealadded-groceries-slider .mealadded-category-boxdiv .mealadded-img{height: 168px;width: 168px;} .filterside-section.countpeople-section .filter-list-ul{margin-top: 0;} .filterside-section.countpeople-section h3{top: 20%;} .socialshare-sidebar .slidertop-heart{left: 38px;} } @media (max-width: 1440px) { .tcb-read-week .container, .doeat-section .container {max-width: 1300px;} .tcb-weekpost-title { padding-top: 120px;} .pagetile-div h2 { font-size: 40px; line-height: 50px;} .doeat-section .col-md-3 { width: 235px;} .doeat-section { margin-top: 70px;} .inspiration-section { margin: 80px 0;} .become-friend-section { padding: 80px 0 50px;} .setting-sidebar .title-filter{margin-top: 20%;} .dailyinspiration-section .searchselect-addediv .defult-btn.addgroceries-btn, .lunch-section .searchselect-addediv .defult-btn.addgroceries-btn, .dinner-section .searchselect-addediv .defult-btn.addgroceries-btn, .postworkout-section .searchselect-addediv .defult-btn.addgroceries-btn{ min-width: 180px; padding: 10px 10px 10px 45px;} .dailyinspiration-section .searchselect-addediv .defult-btn.addgroceries-btn .cat-chekbox, .lunch-section .searchselect-addediv .defult-btn.addgroceries-btn .cat-chekbox, .dinner-section .searchselect-addediv .defult-btn.addgroceries-btn .cat-chekbox, .postworkout-section .searchselect-addediv .defult-btn.addgroceries-btn .cat-chekbox{left: 8px;} .dailyinspiration-section .dailyinspiration-slider .slick-arrow, .lunch-section .doeat-slider .slick-arrow, .dinner-section .inspiration-slider .slick-arrow, .postworkout-section .inspiration-slider .slick-arrow{ /* top: 225px; */} .doeat-slider .slick-prev.slick-arrow, .inspiration-slider .slick-prev.slick-arrow, .dailyinspiration-slider .slick-prev.slick-arrow { top: 265px;} .dailyinspiration-section .pagetile-div { margin-top: 80px;} .number-people-list { margin: 80px -12px 0;} .site-header.recipesdetail-header .back-resices-btndiv, .site-header.recipesdetail-header.hotrecipesdetail-header .back-hotresices-btndiv{ left: 18%; } .mealadded-groceries-slider .mealadded-category-boxdiv .mealadded-img { height: 157px; width: 157px;} .socialshare-sidebar .slidertop-heart{top: 20px;} } @media (max-width: 1366px) and (min-width: 1025px){ .accpre-content-inner{top: 13%;} .diet-wrap .accpre-content-inner, .number-people-wrap .accpre-content-inner{top: 17%;} .accpre-content h3{margin-bottom: 20px; font-size: 22px;} .accpre-nextbtn-div{bottom: 5%;} .accpre-category-list li { padding: 10px 11px 21px; margin-bottom: 20px;} .accpre-category-boxdiv h4 { font-size: 14px; line-height: 20px;} /* .accpre-category-boxdiv { padding: 65px 15px 23px;} */ .accpre-bg .b-sign { bottom: 40px; margin-left: -85px; height: 166px; width: 170px; background-size: cover;} .accpre-content-inner { max-width: 400px;} .accpre-category-boxdiv .accpre-category-img { top: -59px; } .accpre-content-inner .bubble.b-sign{top: -85px; width: 93px; height: 91px; background-size: cover;} .onboarding-icondiv { height: 240px; width: 240px;} .shaping-recipes .onboarding-icondiv img{max-width: 140px;} .shopping-lists .onboarding-icondiv img{max-width: 120px;} .easy-use-platform .onboarding-icondiv img{max-width: 120px;} .onboarding-image-content h3 { font-size: 24px; max-width: 270px; padding: 20px 0; margin-top: 40px;} .onboarding-image-content .bubble.pink-dot.b-sign, .onboarding-image-content .bubble.yellow-dot.b-sign, .onboarding-image-content .bubble.green-dot.b-sign { margin-left: -75px; top: -124px; height: 124px; width: 126px;} .onboarding-content-inner{top: 13%;} .onboarding-nextbtn-div{bottom: 6%;} .onboarding-content h4{margin-top: 20px;} .dotsign-iconbg { bottom: 2.5%; left: 33%; margin-left: -51px; height: 80px; width: 80px;} @keyframes animateBubble { 0% { margin-top: 800px; } 100% { margin-top: -100%; }} .onboarding-content p { margin: 0 auto 15px;} .accpre-diet-list { margin: 80px 0 0 0;} .sigin-in-wrap .logo-img { margin-bottom: 25px; width: 220px;} .dietslidebar-div .accpre-nextbtn-div { bottom: 3%;} .dietslidebar-div .logo-div, .mealslidebar-div .logo-div { position: absolute; top: 10px; left: 15px;} .dietslidebar-div .accpre-diet-list li{margin-bottom: 15px;} .mealslidebar-div .accpre-category-boxdiv .accpre-category-img { top: -44px;} .mealslidebar-div .accpre-content h3 { margin-bottom: 10px;} .mealslidebar-div .accpre-category-list li { padding: 50px 10px 20px; margin-bottom: 20px;} .number-people-list { margin: 50px -12px 0;} } @media (max-width: 1366px) { .tcb-read-week .container, .doeat-section .container { max-width: 1220px;} .doeat-section .col-md-3 { width: 220px;} .weekpost-imagediv { padding-bottom: 46%;} .tcb-weekpost-title { padding-top: 100px;} .pagetile-div h2 { font-size: 36px; line-height: 44px;} .filterside-section { border-radius: 30px 0 0 30px; right: -370px; width: 360px;} .side-grocery-info li { margin-bottom: 20px;} .grocery-item-image{padding-top: 56.25%; margin-bottom: 10px; border-radius: 15px;} .filterside-section.recipeside-section { padding-top: 9%;} .recipes-bgdiv { padding-bottom: 38%;} .filterside-section.markedcooked-section { padding: 50px 40px;} .markedcooked-titlediv h2 { margin-bottom: 20px;} .markedcooked-titlediv p{line-height: 24px;} .markedcooked-titlediv { margin-bottom: 15%;} .undo-groceries-linkdiv .undo-link { margin-bottom: 20px;} .setting-linkul li{margin-bottom: 10%;} .setting-sideinner { padding: 38% 50px 50px;} .dailyinspiration-section .searchselect-addediv .defult-btn.addgroceries-btn, .lunch-section .searchselect-addediv .defult-btn.addgroceries-btn, .dinner-section .searchselect-addediv .defult-btn.addgroceries-btn, .postworkout-section .searchselect-addediv .defult-btn.addgroceries-btn{margin-left: 5px;} .home-whatmeal-section .accpre-content-inner h3 { font-size: 36px; margin-bottom: 40px;} .slidertop-courve { top: -165px;} .sliderbtm-courve { bottom: -110px; transform: rotate(15deg);} .slidercenter-courve { bottom: -90px;} .setting-sidebar .sliderbtm-courve .bubble.b-sign {height: 84px; width: 86px; right: 280px; bottom: 125px;} .filterside-section.countpeople-section .filter-list-ul{margin-top: 70px;} .filterside-section .filter-list-ul li a{padding: 5px 10px;} .filterside-section .filter-list-ul li{margin-bottom: 4px;} .filterside-section .filter-list-ul{margin-top: 0;} .filter-btn { bottom: 19%; left: 50px;} .filterside-section h3{left: 50px;} .navigation-ul li a{font-size: 12px;} .recipeside-section .grocery-item p{padding-right: 0;} .side-recipe-info { top: 9%; right: 30px;} .dailyinspiration-section .pagetile-div { margin-top: 50px;} .dailyinspiration-section .dailyinspiration-slider .slick-arrow { top: 215px;} .dailyinspiration-section .dailyinspiration-slider .slick-prev.slick-arrow { top: 270px;} .site-header.recipesdetail-header .back-resices-btndiv, .site-header.recipesdetail-header.hotrecipesdetail-header .back-hotresices-btndiv { left: 19%;} .mealadded-groceries-slider .mealadded-category-boxdiv .mealadded-img{width: 100%; height: 152px;} .mealadded-groceries-slider .mealadded-category-boxdiv { padding: 110px 10px 45px;} .filterside-section.countpeople-section h3{top: 21%;} .countpeople-donebtn{bottom: 5%;} .dietlist-ul li{margin: 2px 4px;} } @media (max-width: 1280px) { .tcb-read-week .container, .doeat-section .container { max-width: 1170px;} .tcb-weekpost-title { padding-top: 90px;} .doeat-section .col-md-3 { width: 210px;} .pagetile-div h2 { font-size: 36px; line-height: 44px;} .inspiration-section { margin: 70px 0;} .dailyinspiration-section .searchselect-addediv .defult-btn.addgroceries-btn, .lunch-section .searchselect-addediv .defult-btn.addgroceries-btn, .dinner-section .searchselect-addediv .defult-btn.addgroceries-btn, .postworkout-section .searchselect-addediv .defult-btn.addgroceries-btn {margin-left: 0px; min-width: 160px; padding: 10px 10px 10px 42px; font-size: 12px;} .elevate-your-cooking h2, .elevate-your-cooking p { margin-bottom: 30px;} .dietlist-ul li{margin: 0 2px;} .navigation-ul li { margin: 0 18px;} .mealadded-groceries-slider .mealadded-category-boxdiv .mealadded-img{height: 152px;} .mealadded-groceries-slider .mealadded-category-boxdiv { padding: 100px 10px 45px;} .mealadded-groceries-slider .slick-slide { padding: 100px 12px 35px;} } @media (max-width: 1199px) and (min-width: 1025px){ .meal-wrap .accpre-content-inner { top: 15%;} .meal-wrap .accpre-content-inner { max-width: 370px;} .meal-wrap .accpre-category-boxdiv .accpre-category-img { top: -55px;} .meal-wrap .accpre-category-boxdiv { padding: 80px 15px 23px;} .meal-wrap .accpre-category-list li { padding: 50px 11px 21px;} } @media (max-width: 1199px) { .accpre-image, .onboarding-image{width: 45%;} .accpre-content, .onboarding-content{width: 55%;} .onboarding-icondiv { height: 245px; width: 245px;} .onboarding-icondiv img{max-width: 145px;} .shopping-lists .onboarding-icondiv img { max-width: 114px;} .easy-use-platform .onboarding-icondiv img { max-width: 150px;} .accpre-diet-list li:nth-child(even) { margin-left: 4%;} .accpre-diet-list li{width: 48%;} .diet-wrap .accpre-content-inner{padding: 0 30px;} .account-preference-wrap.cre-account-wrap .bubblebg-wrap{width: 55%;} .navigation-ul li{margin: 0 8px; } .header-innerwrap { padding: 0 5px;} .site-header .container { max-width: 100%;} .setting-div{margin: 0 15px; } .site-header .logo-div{width: 20%;} .head-center-nav{width: 55%;} .container{padding: 0 20px;} .fav-recipes-boxdiv { margin: 20px 0 40px;} .home-whatmeal-section .accpre-content-inner { max-width: 900px;} .accpre-category-list li { width: 152px;} /* .home-whatmeal-section .accpre-category-boxdiv { min-width: 130px;} */ .home-whatmeal-section .accpre-category-boxdiv img {/* height: 130px; width: 130px; */} /* .home-whatmeal-section .accpre-category-boxdiv { padding: 80px 20px 25px;} */ .accpre-category-boxdiv .accpre-category-img{width: 100%;padding-top: 130px;} .elevate-your-cooking_box img { max-width: 90%;} .mealadded-groceries-slider .mealadded-category-boxdiv .mealadded-img{height: 167px;} .mealadded-groceries-slider .mealadded-category-boxdiv { padding: 120px 10px 45px;} .sharesocial-link{ padding-right: 20px; right: 0; } .custom-cta-section{ padding-top: 60px; } } @media (max-width: 1024px){ .account-preference-wrap.cre-account-wrap .accpre-content{float: none;} .account-preference-wrap.cre-account-wrap { display: flex; height: 100vh; height: calc((var(--vh, 1vh) * 100)); justify-content: flex-end;} .tcb-read-week .col-md-9, .tcb-read-week .col-md-3{flex: 0 0 100%; max-width: 100%;} .doeat-slidewap{width: 100% !important;} .tcb-weekpost-title { padding-top: 10px;} .pagetile-div h2 br{display: none;} .tcb-weekpost-title{text-align: left;} .doeat-section .col-md-3{width: 100%;} .doeat-section .col-md-9{padding-left: 10px;} .doeat-slider .slick-slide, .inspiration-slider .slick-slide, .dailyinspiration-slider .slick-slide{ padding: 10px;} .doeat-section .pagetile-div h2 { min-height: inherit; display: block;} .doeat-title{text-align: left;} .doeat-title:after{display: table; content: ""; clear: both;} .doeat-title .pagetile-div h2{float: left;} .doeat-title .pageviewall-link{float: right; margin-top: 10px;} .doeat-slider .slick-arrow, .inspiration-slider .slick-arrow, .dailyinspiration-slider .slick-arrow{display: none !important;} .psstcb-app-section h2 { margin: 10px 0 20px; font-size: 30px;} .psstcb-app-section{padding: 35px 0; } .passt-icon-img { margin-top: -230px; margin-left: -60px;} .mealadded-groceries-slider .slick-arrow{display: none;} .mealadded-groceries-wrap{padding-left: 5px;} .filterside-section { right: -370px; width: 360px;} .side-grocery-info li { margin-bottom: 35px;} .grocery-item-image{padding-top: 66.66%; margin-bottom: 15px;} .grocery-item-image img{border-radius: 15px;} .filterside-section.recipeside-section { padding-top: 7%;} .filterside-section { /* border-radius: 50px 0 0 50px; */} .filterside-section.recipeside-section, .filterside-section.markedcooked-section, .filterside-section { padding-top: 16%; } .side-grocery-info li { margin-bottom: 50px;} .recipes-bgdiv { padding-bottom: 56.25%;} .markedcooked-titlediv { margin-bottom: 20%;} .undo-groceries-linkdiv { margin-top: 20%;} .filterside-section{padding-top: 0;} .setting-sideinner { padding: 47% 40px 40px;} .setting-back-arrow, .setting-sideinner .setting-s-icondiv{left: 40px;} .setting-sideinner .setting-div{right: 40px; top: 5.5%;} .close-sidebar{right:33px !important;} .setting-sideinner .setting-s-icondiv{top: 5.5%;} .setting-linkul li { margin-bottom: 15%;} .setting-sidebar .title-filter { margin-top: 25%;} .searchselect-addediv .defult-btn.addgroceries-btn .cat-chekbox{left: 8px;} .searchselect-addediv .defult-btn.addgroceries-btn { min-width: 170px; padding: 10px 10px 10px 45px; margin-left: 0;} .dailyinspiration-section .pagetile-div { margin-top: 20px;} .onboarding-image-content .bubble.pink-dot.b-sign, .onboarding-image-content .bubble.yellow-dot.b-sign, .onboarding-image-content .bubble.green-dot.b-sign { margin-left: -78px; top: -144px; height: 144px; width: 146px;} .dotsign-iconbg{left: 26%; bottom: 10.5%;} .filterside-section.savefavsidebar-section { padding-top: 15%;} .filterside-section .filter-social { bottom: 6%;} .savefavsidebar-slider .grocery-item-image { padding-top: 66.66%;} .savefavsidebar-undolink { margin-top: 30px;} .savefavsidebar-undolink a { margin-top: 20px;} .savefavsidebar-slider { margin-top: 40px;} .setting-back-arrow{top: 2%;} .setting-sidebar .sliderbtm-courve .bubble.b-sign {height: 74px; width: 76px; } .countpeople-donebtn { bottom: 15%; left: 50px;} .filterside-section h3 { top: 13%;} .side-recipe-info { top: 6%;} .side-grocery-info li { margin-bottom: 60px;} .recipeside-section .grocery-item p { color: #404041;} .recipeside-section .grocery-btn { color: #0c887b;} .side-grocery-info label{font-size: 14px;} .mealslidebar-div .accpre-category-boxdiv .accpre-category-img { top: -44px;} .dietlist-ul li{margin: 0 4px;} .site-header.recipesdetail-header .back-resices-btndiv, .site-header.recipesdetail-header.hotrecipesdetail-header .back-hotresices-btndiv { left: 18.5%;} .filterside-section.countpeople-section .filter-list-ul{margin-top: 0;} .filterside-section.countpeople-section h3 { top: 15%;} .socialshare-sidebar .slidertop-heart{left: 30px;} } @media (max-width: 991px) { .onboarding-wrap, .account-preference-wrap{display: block;} .onboarding-image, .accpre-image{display: none;} .onboarding-content, .accpre-content{width: 100%;} .onboarding-content-inner img { max-width: 100%; width: 280px;} .shaping-recipes .onboarding-image, .shopping-lists .onboarding-image, .easy-use-platform .onboarding-image{display: block; width: 100%;} .shaping-recipes .onboarding-content, .shopping-lists .onboarding-content, .easy-use-platform .onboarding-content {display: none;} .onboarding-icondiv { height: 245px; width: 245px;} .onboarding-icondiv img{max-width: 145px;} .shopping-lists .onboarding-icondiv img { max-width: 114px;} .easy-use-platform .onboarding-icondiv img { max-width: 150px;} .onboarding-nextbtn-div.tbl-show{display: block; position: absolute; bottom: 6%; width: 100%;} .onboarding-nextbtn-div .defult-btn, .accpre-nextbtn-div .defult-btn{background: #f4f5f5; color: #58585b; box-shadow: -2px 4px 15px rgb(0 0 0 / 20%), 4px -2px 8px rgb(255 255 255 / 60%);} .accpre-nextbtn-div .defult-btn{text-transform: uppercase;} .onboarding-image-content{height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; margin-top: -30px;} .welcomemsgtext-div{display: none;} .onboarding-content-inner{height: 100%; top: 0; padding-top: 33%;} .onboarding-wrap.onboarding-one .onboarding-content-inner{ padding-top: 0%; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; margin-top: -30px;} .onboarding-wrap.onboarding-one .onboarding-relative{height: auto;} .welcomebtndiv{position: absolute; bottom: 6%; width: 100%;} .tcb-weekpost-title{padding-top: 0; text-align: left;} .tcb-weekpost-title br{display: none;} .pagetile-div h2{font-size: 32px; line-height: 40px;} .doeat-section .pagetile-div h2{min-height: auto; margin-bottom: 0;} .pageviewall-link{margin-top: -50px; display: block; margin-bottom: 20px;} .inspiration-section{margin: 50px 0;} .doeat-section{margin-top: 50px;} .accpre-nextbtn-div{bottom: 6%;} .accpre-diet-list li{width: 100%; float: none; max-width: 300px; margin: 0 auto 20px;} .accpre-diet-list li:nth-child(even){margin-left: auto;} .accpre-diet-list { margin: 80px 0 0 0;} .account-preference-wrap.cre-account-wrap{height: auto;} .account-signin-text { text-align: center; position: relative; margin-bottom: 20px; right: auto; top: auto; } .account-preference-wrap.cre-account-wrap .accpre-content{padding: 60px 0 40px 0;} .account-preference-wrap.cre-account-wrap .bubblebg-wrap{width: 100%;} .weekpost-imagediv { padding-bottom: 56.25%;} .header-innerwrap { padding: 0;} .head-center-nav { width: 100%; position: fixed; bottom: 0; left: 0; right: 0; background: #083954; border-radius: 25px 25px 0 0; border: 2px solid #fff; border-bottom: none; } .navigation-ul{display: flex; max-width: 85%; margin: 0 auto; justify-content: space-around;} .navigation-ul li a .icon-div { margin-right: auto; margin-left: auto; border: none; box-shadow: -2px 3px 5px rgba(0, 0, 0, 0); margin-bottom: 5px; background-color: transparent;} .navigation-ul li a:hover .icon-div, .navigation-ul li.active a .icon-div{box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.3);} .navigation-ul li a { display: block; text-align: center; color: #fff;} .navigation-ul li.recipes-li a .icon-div svg path, .navigation-ul li.favourites-li a .icon-div svg path, .navigation-ul li.groceries-li a .icon-div svg path { fill: #fff;} .navigation-ul li.favourites-li a .icon-div svg path, .navigation-ul li.articles-li a .icon-div svg path { stroke: #fff;} .navigation-ul li.articles-li a .icon-div svg path{stroke-width: 1.5px;} .navigation-ul li.recipes-li a .icon-div svg path{stroke: #fff; stroke-width:0.4px;} .doeat-title .pageviewall-link{margin-bottom: 0; margin-top: 8px;} .site-footer { padding: 155px 0 110px;} .signup-btndiv{display: none;} .site-header .logo-div .desktop-logo{display: none;} .site-header .logo-div .tbl-logo{display: block; height: 68px;} .setting-div { height: 46px; width: 46px; position: fixed; top: 10px; right: 20px;} .site-header .logo-div, .head-rightside{width: 50%;} .head-rightside{padding: 0;} .setting-div { margin: 0;} .search-div{display: none;} .header-innerwrap{position: relative; min-height: inherit; padding-bottom: 46px;} .searchform-headiv{ /* width: calc(100% - 60px); */ width: 100%;} .site-header.fixed-search .head-rightside .searchform-headiv{ width: calc(100% - 60px); } .searchform-headiv .form-control{border: 2px solid #fff; font-size: 16px; background: #f4f5f5; padding: 9px 25px; box-shadow: -4px 5px 8px rgba(0,0,0,0.1);} .site-header .logo-div{} .tcb-read-week{margin-top: 160px;} .site-header.fixed-search{} .site-header .head-rightside { background: transparent; height: 46px; width: calc(100% + 40px); padding: 0 20px; justify-content: inherit; top: 0;left: -20px; position: absolute;} .site-header.fixed-search .head-rightside{ background: #fff; border-radius: 0 0 12px 12px; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-top: 0 !important; width: 100%; padding: 0 20px; position: fixed; left: 0; top: 0px; height: 66px; } .site-header.fixed-search .searchform-headiv{margin-top: 10px;} .site-header.fixed-search .setting-div{} .searchform-headiv{display: block;} .site-header.sticky .setting-div{margin-top: 10px;} .setting-div a svg{top: 0; } .paginationfilter-secrion .container{max-width: 100%;} .paginationfilter-secrion { position: absolute; box-shadow: none; padding-bottom: 0; margin-top: 130px; margin-bottom: 20px;} .articles-viewall-section .row{margin-left: -10px; margin-right: -10px;} .articles-viewall-section .col-md-4{padding-left: 10px; padding-right: 10px;} .paginationfilter-secrion .arrow-pagination {/* position: absolute; top: -52px; z-index: 1; */ margin-right: 20px;} .articles-viewall-section .fav-recipe-content h4{font-size: 16px;} .site-header.innerpage-header .searchform-headiv { /* padding-left: 50px; */} .filter-click{margin-left: 0;} .paginationfilter-secrion.fixed-filletarrow .arrow-pagination {/* position: fixed; top: 25px; z-index: 10; */} .favourite-recipe-section { margin-top: 150px;} .fav-recipes-title{margin-bottom: 20px; text-align: left;} .favourite-recipe-section .favrec-row{margin: 0 -10px;} .favourite-recipe-section .favrec-col {padding: 0 10px;} .favrec-col .fav-recipes-boxdiv { margin: 15px 0 30px;} .passt-icon-img { margin-top: -240px; margin-left: -120px; height: 140%; width: 140%; max-width: none;} .mygroceries-header .searchform-headiv, .favgroceries-header .searchform-headiv, .recipesdetail-header .searchform-headiv{display: none;} .mygroceries-header .header-innerwrap, .favgroceries-header .header-innerwrap, .recipesdetail-header .header-innerwrap{padding-bottom: 0;} .mygroceries-header .head-rightside, .favgroceries-header .head-rightside {/* pointer-events: none; */} .favourite-recipe-section { margin-top: 110px;} .favgroceries-header{position: fixed;} .site-header.favgroceries-header .logo-div{position: relative; z-index: 9; font-size: 0; line-height: initial;} .site-header.favgroceries-header .favgro-mobile-titlediv{position: absolute; top: 0; left: 0; right: 0; width: 50%; margin: 0 auto; text-align: center; min-height: 66px; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: all 0.2s ease;} .site-header.favgroceries-header.fixed-search .favgro-mobile-titlediv{opacity: 1;} .site-header.favgroceries-header .logo-div .tbl-logo{height: 66px;} .site-header.favgroceries-header .favgro-mobile-titlediv h2{font-size: 26px; margin-bottom: 0;} .favrec-col .fav-recipe-bgdiv{border-radius: 15px;} .dellabel-link{right: 10px; top: 10px;} .my-groceries-title{text-align: left !important;} .my-groceries-title h2{margin-bottom: 15px;} .my-groceries-title p{margin-top: 0;} .mealadded-groceries-section{margin-top: 0; margin-bottom: 40px;} .additeam-filddiv .addque-div{display: none;} .additem-a-link{/* min-width: 100%; */} .additeam-filddiv .container{max-width: 100%;} .favourite-recipe-section .addque-div{position: absolute; display: block; right: 20px; text-align: center; z-index: 1; top: 5px;} .additeamfildiv-inner{position: absolute; top: 0; width: calc(100% - 30px);} .additeam-filddiv { margin-bottom: 0; padding-bottom: 95px; position: relative;} .additeam-filddiv.fixed-additeam .additeamfildiv-inner{ position: fixed; width: calc(100% - 100px); z-index: 9; top: 10px;} .crosse-popup-section, .delrecipe-popupsection { justify-content: flex-end; padding-bottom: 120px;} .crosse-popup-section .crosscancel-btn, .crosse-popup-section .delcross-btn, .delrecipe-popupsection .delrecipecancel-btn, .delrecipe-popupsection .delrecipe-btn{margin: 5px 0;} .delrecipe-popupsection .delrecipe-msgdiv{margin-bottom: 25px;} .filterside-section.recipeside-section, .filterside-section.markedcooked-section, .filterside-section { padding-top: 22%; } .recipes-bgsection { padding-top: 0px;} .site-header.recipesdetail-header .logo-div .tbl-logo{opacity: 0.6; height: 68px;} .recipes-bgdiv { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* padding-bottom: 120%; */ height: 85vh; width: 120%; margin-left: -10%; border-radius: 0 0 100% 100%; /* margin-top: -25%; */} .recipesdetail-header .head-center-nav{display: none;} .rectab-rightpart { float: none; position: fixed; bottom: 0; background: #fff; width: 100%; padding: 10px 15px; left: 0; box-shadow: 0 0 10px rgba(0,0,0,0.4); display: flex; justify-content: center;} .site-header.recipesdetail-header .head-rightside{display: none;} .back-resices-btndiv a { height: 42px; width: 42px; background-color: #1cb24c; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; border-radius: 50%;} .back-resices-btndiv{position: absolute; top: 15px; left: 20px; display: block;} .site-header.recipesdetail-header .back-resices-btndiv, .site-header.recipesdetail-header.hotrecipesdetail-header .back-hotresices-btndiv{top: 15px; left: 20px;} .site-header .back-resices-btndiv{display: none;} .recipesdetail-header.site-header .back-resices-btndiv{display: block;} .back-resices-btndiv a svg polyline, .back-resices-btndiv a svg line{stroke: #fff;} .site-header.recipesdetail-header .logo-div{width: 100%; text-align: center;} .sticky-recipes-tabar { padding-top: 0; top: -50px;} .fixed-recipesheader{top: 0;} .recipes-tabar-contentsec{margin-top: 50px;} .rectab-pills { margin: 0 30px; float: none;} .site-header.recipesdetail-header.fixed-search .back-resices-btndiv{top: 0; left: 0;} .rectab-pills .nav-tabs{justify-content: space-between;} .fixed-recipesheader .rectab-pills .nav-tabs .nav-item.show .nav-link, .fixed-recipesheader .rectab-pills .nav-tabs .nav-link.active { background: transparent; color: #1cb14d; border-radius: 0;} .sticky-recipes-header .back-resices-btndiv, .site-header.recipesdetail-header.sticky-recipes-header .back-resices-btndiv, .site-header.recipesdetail-header.hotrecipesdetail-header.sticky-recipes-header .back-hotresices-btndiv { top: 0; position: fixed; left: 0px;} .site-header.recipesdetail-header.hotrecipesdetail-header.fixed-search.sticky-recipes-header .back-hotresices-btndiv{display: none;} .site-header.recipesdetail-header.sticky-recipes-header .back-resices-btndiv svg polyline, .site-header.recipesdetail-header.sticky-recipes-header .back-resices-btndiv svg line, .site-header.recipesdetail-header.hotrecipesdetail-header.sticky-recipes-header .back-hotresices-btndiv svg polyline, .site-header.recipesdetail-header.hotrecipesdetail-header.sticky-recipes-header .back-hotresices-btndiv svg line {stroke: #404041;} .site-header.recipesdetail-header.fixed-search .back-resices-btndiv a, .sticky-recipes-header .back-resices-btndiv a { height: 50px; width: 50px; background: transparent;} .sticky-recipes-header .back-resices-btndiv a svg polyline, .sticky-recipes-header .back-resices-btndiv a svg line {stroke: #404041;} .rectab-rightpart .addgroceries-btn { margin-right: 30px; margin-left: 30px;} .recipes-description-section{padding-top: 50px;} .recipes-description-section { padding-top: 40px;} .filterside-section{padding-top: 0;} .setting-sideinner { padding: 45% 50px 50px;} .serach-form{display: none;} .favourite-recipe-section { margin-top: 120px;} .searchselect-addediv .defult-btn.addgroceries-btn{margin-top: 10px;} .home-whatmeal-section .accpre-category-list li:nth-child(3n + 1) { clear: both;} .home-whatmeal-section .accpre-content-inner h3 { font-size: 28px; margin-bottom: 30px;} .home-whatmeal-section .accpre-content-inner { max-width: 435px;} .elevate-your-cooking_box img { max-width: 100%;} .elevate-your-cooking h2{font-size: 30px;} .elevate-your-cooking p{font-size: 18px;} .elevate-your-cooking h2, .elevate-your-cooking p { margin-bottom: 20px;} .dailyinspiration-section{margin-top: 120px;} .onboarding-content-inner .bubble.b-sign { top: 155px;} .onboarding-wrap.onboarding-one .onboarding-content-inner .bubble.b-sign {top: -100px;} .onboarding-image-content .bubble.pink-dot.b-sign, .onboarding-image-content .bubble.yellow-dot.b-sign, .onboarding-image-content .bubble.green-dot.b-sign{/* top: 13%; */ top: -136px; height: 134px; width: 136px;} .accpre-content-inner .bubble.b-sign{ display: none; } .onboarding-wrap.onboarding-one .accpre-content-inner .bubble.b-sign, .account-preference-wrap.sigin-in-wrap .accpre-content-inner .bubble.b-sign { display: block; top: -100px;} .account-preference-wrap.cre-account-wrap .accpre-content-inner .bubble.b-sign{ display: none; } .filterside-section.savefavsidebar-section { padding-top: 19%;} .countpeople-donebtn { bottom: 20%; left: 50px;} .filterside-section.countpeople-section h3 { top: 17%;} .filterside-section h3 { top: 16%;} .filter-click.filter-tras{padding-left: 0px;} .dailyinspiration-slider .fav-recipe-sub, .dailyinspiration-slider .dietlist-ul, .dailyinspiration-slider .searchselect-addediv{ /* display: none; */ } .dailyinspiration-section.doeat-section .col-md-9{padding: 0 20px; margin-top: 20px;} .dp-wrap { margin: 0; position: relative; perspective: 1000px; height: 100%; } .dp-slider {height: 100%; width: 100%; position: absolute; transform-style: preserve-3d; } .dp-slider div { transform-style: preserve-3d; } .dp_item { display: block; position: absolute; transition: transform 1.2s; } #dp-slider .dp_item:first-child { z-index: 10 !important; transform: rotateY(0deg) translateX(0px) !important;} #dp-slider .dp_item .fav-recipe-content{opacity: 0; transition: all 0.2s ease;} .dp_item[data-position="2"] { z-index: 9; transform: rotateY(0deg) translateX(10%) scale(0.9);} .dp_item[data-position="3"] { z-index: 8; transform: rotateY(0deg) translateX(20%) scale(0.8);} .dp_item[data-position="4"] { z-index: 7; transform: rotateY(0deg) translateX(30%) scale(0.7);} .dp_item[data-position="5"] { z-index: 6; transform: rotateY(0deg) translateX(40%) scale(0.6);} #dp-slider .dp_item:first-child .fav-recipe-content{opacity: 1;} #dp-next, #dp-prev {position: absolute; top: 48%; margin-top: -42px; right: 20%; z-index: 10; height: 42px; width: 42px; border-radius: 50%; cursor: pointer; background-color: #f4f5f5; text-align: center; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.15); transition: all 0.2s ease; display: none;} #dp-prev { left: 15px; transform: rotate(180deg); } #dp-dots { position: absolute; bottom: 25px; z-index: 12; left: 38%; display: none; cursor: default; } #dp-dots li {display: inline-block; width: 13px; height: 13px; background: #ffff; border-radius: 50%; } #dp-dots li:hover { cursor: pointer; background: #FA8C8C; transition: background .3s; } #dp-dots li.active { background: #FA8C8C; } .dp_item { width: 83%; } .dp_item { overflow: hidden; height: 100%; } #dp-slider { height: auto; padding-bottom: 123%; } #dp-slider .dp_item:hover:not(:first-child) { cursor: pointer; } .back-resices-btndiv.hotopics-backbtn a{background: #f9a919;} .afterbefore-imgwrap { width: 70%;} .afterbefore-bg { height: 420px;} .afterbefore-imgdiv h3{font-size: 20px;} .select-your-plan-section, .payment-section{margin-top: 180px;} .included-section { padding: 30px 0;} .palnunlock-div h2{font-size: 28px;} .content-select-your-plan h2{font-size: 50px; margin-bottom: 40px;} .content-select-your-plan p{font-size: 18px;} .site-header.recipesdetail-header.sticky-recipes-header.fixed-search .back-resices-btndiv{/* position: absolute; */} .onboarding-wrap.shaping-recipes .onboarding-relative, .onboarding-wrap.shopping-lists .onboarding-relative, .onboarding-wrap.easy-use-platform .onboarding-relative { height: auto; } .navigation-ul li a:hover, .navigation-ul li.active a{color: #fff;} .dietlist-ul li{margin: 3px 2px;} .mealadded-groceries-slider .mealadded-category-boxdiv .mealadded-img{height: 175px;} .mealadded-groceries-slider .mealadded-category-boxdiv { padding: 130px 10px 45px;} .site-header.innerpage-header{position: absolute; background: transparent; } .paginationfilter-secrion.fixed-filletarrow{position: fixed; background: #fff; padding-top: 10px; padding-bottom: 10px; border-radius: 0 0 12px 12px; margin-top: 66px; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2); z-index: 7;} .site-header.innerpage-header.fixed-search .head-rightside{box-shadow: none; border-radius: 0;} .recipes-section { margin-top: 220px !important;} .additeam-filddiv.fixed-additeam .additeamfildiv-inner form{display: block;} .additeam-filddiv.fixed-additeam .additeamfildiv-inner .form-group{min-width: inherit;} .onboarding-image .bubblebg-wrap, .sigin-in-wrap .accpre-content .bubblebg-wrap, .account-preference-wrap.number-people-wrap .bubblebg-wrap, .account-preference-wrap.meal-wrap .bubblebg-wrap{opacity: 1;} .socialshare-sidebar .slidertop-heart{left: 35px;} .sharesocial-link{top: 15px;} .socialshare-sidebar .social-icon li { padding: 0 5px; } .socialshare-sidebar .social-icon { margin-left: -5px; margin-right: -5px; } .socialshare-sidebar .footer-social{ bottom: 20px; } .socialshare-sidebar .setting-sideinner h3{ margin: 0 0 30px; } .socialshare-sidebar .setting-sideinner h6{ margin-bottom: 15px; } } @media (max-width: 767px) { .advertise-section{padding: 15px;} .advertise-section img.cta-mobile{display:block !important;} .advertise-section img.cta-desktop{display:none;} .become-friend-section h2{ margin-bottom: 25px; font-size: 30px; } .become-friend-section p{font-size: 16px; margin-bottom: 35px;} .become-friend-section{padding: 60px 0;} .fav-recipes-boxdiv{margin: 20px 0;} .filterside-section h3{left: 30px;} .accpre-content-inner { max-width: 480px; padding: 0 25px;} .accpre-diet-list { margin: 50px 0 0 0;} .number-people-wrap .accpre-content-inner{padding: 0;} .account-preference-wrap.cre-account-wrap .accpre-content { padding: 65px 0 40px;} .cre-account-wrap .accpre-content-inner, .sigin-in-wrap .accpre-content-inner{padding: 0;} .doeat-slider .fav-recipe-bgdiv, .inspiration-slider .fav-recipe-bgdiv, .articles-viewall-section .fav-recipe-bgdiv, .dailyinspiration-slider .fav-recipe-bgdiv { padding-bottom: 66.66%; border-radius: 12px;} .weekpost-imagediv { padding-bottom: 115%;} .articles-viewall-section .fav-recipe-bgdiv{padding-bottom: 75%;} .paginationfilter-secrion .container{max-width: 100%;} .favourite-recipe-section .favrec-col{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .passt-imgcol{ position: absolute; top: 0; left: auto; right: 0; height: 100%; width: 55%;} .passt-icon-img { margin-top: -50%; margin-left: 0; margin-right: -100px; height: auto; width: 100%; right: 0; max-width: none;} .psstcb-app-section { padding: 40px 15px;} .site-header.favgroceries-header .favgro-mobile-titlediv h2 { font-size: 24px;} .fruitveg-listbox ul li { font-size: 14px; line-height: 24px; margin-bottom: 10px; padding-right: 170px;} .fruitveg-listbox ul li .info-i{margin-left: 20px; font-size: 13px; height: 26px; width: 26px; line-height: 22px; letter-spacing:-2px;} .fruitveg-listbox ul li span{min-width: 170px; top: 0;} .fruitveg-listbox{padding: 20px;} .filterside-section.recipeside-section, .filterside-section.markedcooked-section, .filterside-section { padding-top: 22%; height: 100vh; height: calc((var(--vh, 1vh) * 100)); top: 0;} .filterside-section { border-radius: 40px 0 0 40px;} .recipes-descontent .fav-recipe-sub{display: none;} .recipes-descontent .fav-recipe-sub.tbl-display{display: block; font-size: 12px; margin-bottom: 0px;} .recipes-descontent .short-text{/*display: none;*/margin-top:20px;} .recipes-descontent .short-text p{margin-bottom:0;} .rectab-pills .nav-tabs .nav-link {padding: 12px 10px 10px; font-size: 14px;} .rectab-pills { margin: 0 -10px; float: none;} .rectab-pills .nav-tabs .nav-item{margin: 0; text-align: center; min-width: 33.33%;} .rectab-pills .nav-tabs .nav-item.show .nav-link, .rectab-pills .nav-tabs .nav-link.active { border-radius: 8px 8px 0 0;} .site-header.recipesdetail-header.fixed-search .back-resices-btndiv a, .sticky-recipes-header .back-resices-btndiv a { height: 38px; width: 38px;} .fixed-recipesheader .rectab-pills { margin: 0 -10px 0 10px;} .instructions-tabcontent ol li:before{top: 0; font-size: 44px;} .instructions-tabcontent ol li { padding: 60px 0 30px 30px;} .instructions-tabcontent ol li h5 { font-size: 18px; margin-bottom: 15px;} .filterside-section.markedcooked-section { padding: 50px 30px; padding-top: 22%;} .filterside-section{padding-top: 0;} .setting-sideinner { padding: 45% 50px 50px;} .elevate-your-cooking h2 { max-width: 300px; padding-left: 20px; margin-bottom: 30px; } .elevate-your-cooking_box .row .row { max-width: 100%; } .elevate-your-cooking_box { padding: 20px 15px; margin: 25px 0; border-radius: 20px; } .elevate-your-cooking p { font-size: 17px; margin: 15px 0; } .elevate-your-cooking img { margin-bottom: 25px; } .elevate-your-cooking .defult-btn { margin: 10px 0;} .home-whatmeal-section { padding: 40px 0 30px; width: calc(100% - 30px); margin: 40px auto 20px;} .home-whatmeal-section .accpre-content-inner{padding: 0;} .lunch-section .doeat-slider .fav-recipe-bgdiv, .dinner-section .inspiration-slider .fav-recipe-bgdiv, .postworkout-section .inspiration-slider .fav-recipe-bgdiv{padding-bottom: 66.66%;} .dailyinspiration-section .dailyinspiration-slider .fav-recipe-bgdiv { padding-bottom: 100%;} .doeat-section.dailyinspiration-section{margin-top: 110px;} .dailyinspiration-section .searchselect-addediv .defult-btn.addgroceries-btn, .lunch-section .searchselect-addediv .defult-btn.addgroceries-btn, .dinner-section .searchselect-addediv .defult-btn.addgroceries-btn, .postworkout-section .searchselect-addediv .defult-btn.addgroceries-btn { min-width: inherit; padding: 10px;} .dailyinspiration-section .searchselect-addediv, .lunch-section .searchselect-addediv, .dinner-section .searchselect-addediv, .postworkout-section .searchselect-addediv{ margin-top: 5px;} .home-whatmeal-section .accpre-content-inner h3 { font-size: 24px;} .psstcb-app-section, .elevate-your-cooking{width: calc(100% - 30px);} .mt-psstcb { margin-top: 20px !important;} .home-whatmeal-section .accpre-content-inner { max-width: 285px;} .home-whatmeal-section .accpre-category-list li:nth-child(3n + 1) { clear: inherit;} .home-whatmeal-section .accpre-category-boxdiv img { /* height: 132px; top: -65px; width: 132px;*/} /* .home-whatmeal-section .accpre-category-boxdiv { padding: 80px 20px 25px;} */ .accpre-category-list li { padding: 10px 10px 20px;} .dailyinspiration-section .dailyinspiration-slider .fav-recipe-bgdiv { padding-bottom: 120%;} .pagetile-div h2{font-size: 28px;} .doeat-slider .fav-recipe-content h4, .inspiration-slider .fav-recipe-content h4, .articles-viewall-section .fav-recipe-content h4, .dailyinspiration-slider .fav-recipe-content h4{font-size: 16px;} .onboarding-image-content h3 { font-size: 28px;} .mealslidebar-div .accpre-content-inner{padding: 0;} .plan-row .col-md-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .rectab-contentwrap .table.ingredients-list tr td{width: 25%;} .rectab-contentwrap .table.ingredients-list tr td:first-child{width: 75%;} .mealadded-groceries-slider .mealadded-category-boxdiv .mealadded-img{height: 182px;} .mealadded-groceries-slider .mealadded-category-boxdiv { padding: 140px 10px 45px;} .paginationfilter-secrion, .paginationfilter-secrion.fixed-filletarrow{padding-top: 5px;} #dp-slider { padding-bottom: 129%;} .mealadded-groceries-slider .mealadded-category-boxdiv h4{font-size:14px;} /* .accpre-category-boxdiv .accpre-category-img{height: 130px;width: 132px;} */ .custom-cta-section h2{ font-size: 27px; } .custom-cta-section ul li{ font-size: 15px; line-height: 26px; margin-bottom: 20px; } .custom-cta-section .defult-btn{ font-size: 11px; padding: 8px 20px; margin: 25px 0 0; } .custom-cta-section h5{ font-size: 15px; letter-spacing: 1px; } .custom-cta-section{ padding-top: 40px; } } @media (max-width: 580px){ .site-header.favgroceries-header .favgro-mobile-titlediv h2 { font-size: 22px;} } @media (max-width: 480px) { .defult-btn{padding: 7px 10px;} .bubble.b-sign{/* transform: scale(1.2); */} .bubble.pink-dot.b-sign, .bubble.yellow-dot.b-sign, .bubble.green-dot.b-sign{transform: scale(0.7);} .bubble.b-sm {transform: scale(0.7);} .bubble.b-md {transform: scale(0.7);} .bubble.b-exlg {display: none;} .onboarding-image-content h3 { font-size: 20px; margin-top: 40px; padding: 25px 0; max-width: 210px;} .accpre-category-list li { margin-bottom: 30px; padding: 10px 10px 20px;} .accpre-category-list { margin: 0 -10px;} .accpre-category-boxdiv .accpre-category-img{top: -55px;} .accpre-content h3 { font-size: 20px; margin-bottom: 35px;} .accpre-category-boxdiv { padding: 60% 10px 25px; border-radius: 0 0 13px 13px;} .accpre-category-boxdiv h4{font-size: 14px; line-height: 20px; min-height: 40px;} .cat-chekbox { height: 36px; bottom: -18px; width: 36px;} .cat-chekbox .plus-sign { width: 16px;height: 16px; margin-top: -8px; margin-left: -8px; background-size: cover;} .accpre-category-boxdiv:hover .cat-chekbox .plus-sign, .accpre-category-list li a.active .accpre-category-boxdiv .cat-chekbox .plus-sign { width: 13px; height: 14px; margin-top: -7px; margin-left: -6px; background-size: cover;} .accpre-content-inner{top: 12%;} .accpre-diet-list li{max-width: 210px; padding: 0px 18px 0px 28px;} .accpre-diet-boxdiv { padding: 16px 25px 16px 45px; border-radius: 0 8px 8px 0;} .accpre-diet-boxdiv .round-cat { left: -28px; top: -2px; height: 56px; width: 56px; font-size: 22px; line-height: 54px;} .accpre-diet-list { margin: 10px 0 0 0;} .accpre-diet-boxdiv h4 { font-size: 14px; line-height: 20px;} .accpre-diet-boxdiv .cat-chekbox { margin-top: -18px; right: -18px;} .number-people-list li a { height: 64px; width: 64px; font-size: 22px; line-height: 60px;} .number-people-list li { margin-bottom: 22px;} .number-people-list { margin: 80px -12px 0;} .number-people-listdiv { max-width: 230px;} .form-control{font-size: 14px;} .cre-account-wrap .accpre-content-inner{max-width: 280px;} .cre-account-wrap .logo-img{max-width: 180px;} .account-signin-text{margin-bottom: 10px;} .gendar-checkbox-div .form-check-inline { margin: 10px 10px 20px;} .form-check-label{font-size: 14px;} @keyframes animateBubble { 0% { margin-top: 800px; } 100% { margin-top: -100%; }} .sigin-in-wrap .accpre-content-inner{max-width: 280px;} .sigin-in-wrap .logo-img { margin-bottom: 30px; width: 240px;} .doeat-slider .slick-slide, .inspiration-slider .slick-slide, .dailyinspiration-slider .slick-slide { padding: 10px 7px;} .weekpost-content h4{font-size: 16px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px;} .pagetile-div h2 { font-size: 26px; line-height: 30px; margin-bottom: 15px;} .doeat-section .pagetile-div h2{font-size: 22px; line-height: 26px;} .doeat-title .pageviewall-link{margin-top: 4px;} .pageviewall-link{font-size: 13px;} .tcb-read-week { margin-top: 150px;} .doeat-section { /* margin-top: 30px; */ margin-top: 10px;} .doeat-slider .fav-recipe-content h4, .inspiration-slider .fav-recipe-content h4, .articles-viewall-section .fav-recipe-content h4, .dailyinspiration-slider .fav-recipe-content h4{font-size: 16px; max-width: 270px; font-weight: 600;} .fav-recipe-content { margin-top: 15px;} .inspiration-section{margin-top: 10px;} .become-friend-section h2 { font-size: 22px;} .become-friend-section p { font-size: 14px;} .become-friend-form .defult-btn { min-width: 150px; padding: 10px 10px; font-size: 16px; margin-top: 25px;} .become-friend-section .container{max-width: 90%;} .become-friend-section { padding: 50px 0 30px;} .footer-logo { top: -90px; margin-left: -85px;} .footer-logo img{max-width: 180px;} .site-footer { margin-top: 90px; padding: 115px 0 110px;} .site-footer p{font-size: 14px; margin-bottom: 15px;} .site-header.innerpage-header .searchform-headiv { /* padding-left: 40px; */} .filterside-section{/* width: 85%; right: -85%;*/ width: 330px; right: -340px;} .sliderbtm-courve { bottom: -30px; transform: inherit;} .slidercenter-courve { bottom: -30px; left: -60px;} .slidertop-courve { left: -70px; top: -160px;} .filterside-section.savefavsidebar-section { padding-top: 37%; padding-right: 30px; padding-left: 30px;} .savefavsidebar-undolink { margin-top: 20px;} .savefavsidebar-slider { margin-top: 25px;} .filterside-section .filter-list-ul li a{font-size: 14px;} .filterside-section h3{left: 40px;} .favrec-col .fav-recipe-content h4 { font-size: 14px; font-weight: 600; line-height: 1.3;} .dietlist-ul li{margin: 3px 2px;} .favrec-col .fav-recipe-sub{font-size: 12px; line-height: 1.6; margin-bottom: 5px;} .favrec-col .fav-recipe-content { margin-top: 10px;} .favrec-col .fav-recipe-bgdiv{border-radius: 15px;} .favrec-col .fav-recipes-boxdiv { margin: 10px 0 20px;} .fav-recipes-title {font-size: 24px; margin-bottom: 10px; text-align: left;} .dietlist-ul li { font-size: 14px; line-height: 34px; height: 36px; width: 36px;} .dietlist-ul li.local-icon{font-size: 13px;} .dellabel-link{top: 10px; right: 10px;} .fav-recipe-sub span { margin-right: 12px;} .psstcb-app-section h2{font-size: 22px;} .passtcb-icon{height: 130px;} .psstcb-app-section .defult-btn { min-width: 250px; font-size: 16px; padding: 10px 10px;} .mealadded-category-boxdiv h4 { font-size: 14px; line-height: 20px; min-height: 40px;} .mealadded-category-boxdiv .cat-chekbox { height: 46px; width: 46px; margin-left: -23px; top: -84px;} .mealadded-category-boxdiv .mealadded-img { top: -63px; height: 126px; width: 100%;} .mealadded-category-boxdiv { padding: 80px 10px 30px; border-radius: 0 0 10px 10px;} .mealadded-slectdrop select, .mealadded-slectdrop .mealadded-count-click { font-size: 16px; min-width: 90px; background-size: 10px, 20px; background-position: right 15px center, left 11px center; padding: 10px 30px;} .mealadded-groceries-slider .slick-slide { padding: 90px 10px 30px;} .mealadded-slectdrop{bottom: -21px;} .cooking-title { font-size: 25px; margin-bottom: 10px;} .view-groveries-link{font-size: 12px;} .psstcb-app-section{margin-top: 60px;} .site-header.favgroceries-header .favgro-mobile-titlediv h2 { font-size: 16px;} .favourite-recipe-section .favrec-col { padding: 0 8px;} .favourite-recipe-section .favrec-row { margin: 0 -8px;} .fruitveg-listbox { padding: 15px; border-radius: 15px;} .fruitveg-listbox ul li { font-size: 13px; line-height: 20px; margin-bottom: 10px; padding-right: 110px;} .fruitveg-listbox ul li span { min-width: 110px;} .fruitveg-listbox ul li .info-i { margin-left: 10px;} .fruitveg-listitle, .fruitveg-listbox ul li.delete-crosstitle { font-size: 14px;} .fruitveg-listitle, .fruitveg-listbox ul li.delete-crosstitle{font-size: 13px; padding-right: 0;} .delete-itemslist ul li span.del-line:after { width: calc(100% + 10px); left: -5px; margin-top: -1px;} .fruitveg-listbox{margin-bottom: 25px;} .psstcb-app-section { margin-top: 40px;} .psstcb-app-section { padding: 30px 15px 40px;} .my-groceries-title p { font-size: 13px;} .my-groceries-title p span { font-size: 11px; margin-top: 10px;} .favourite-recipe-section .addque-div{top: 0;} .fruitveg-listbox ul li span{ top: -3px;} .filterside-section { border-radius: 30px 0 0 30px;} .filterside-section.recipeside-section { padding-top: 35%; top: 0;} .side-grocery-info li { margin-bottom: 30px;} .recipeside-slider .slick-slide { padding: 0 8px;} .recipeside-slider{margin-left: -8px;} .grocery-item-image { margin-bottom: 10px; padding-top: 75%;} .grocery-item p{font-size: 14px;} .grocery-btn{font-size: 13px;} .recipes-descontent h2 { margin-bottom: 20px; font-size: 19px;} .recipe-textdiv { font-size: 14px; margin-bottom: 10px;} .recipes-descontent .dietlist-ul { margin-bottom: 30px;} .rectab-contentwrap .table tr td { font-size: 14px;} .rectab-contentwrap .table tr td:first-child { padding-left: 0;} .rectab-contentwrap .table tr td:last-child{text-align: right; padding-right: 0;} .table td, .table th { padding: .5rem;} .instructions-tabcontent ol li p { font-size: 14px;} .recipes-description-section { padding-top: 30px;} .rectab-rightpart .addgroceries-btn { margin-right: 10px; margin-left: 10px;} .rectab-rightpart .mealadded-slectdrop select, .rectab-rightpart .mealadded-slectdrop .mealadded-count-click { font-size: 12px; min-width: 80px; padding: 8px 30px; background-size: 10px, 16px; background-position: right 10px center, left 10px center;} .rectab-rightpart .favrite-lable-link { height: 38px; width: 38px;} .favrite-lable-link svg, .favrite-lable-link img { margin: 9px 0;} .rectab-rightpart .addgroceries-btn { font-size: 12px; min-width: 180px; padding: 8px 10px 8px 55px; } .rectab-rightpart .addgroceries-btn .cat-chekbox { height: 28px; width: 28px; bottom: 5px; left: 15px;} .rectab-rightpart .addgroceries-btn .cat-chekbox .plus-sign { height: 12px; width: 12px; margin-top: -6px; margin-left: -6px;} .markedcooked-titlediv h2 { font-size: 18px} .markedcooked-titlediv p{font-size: 15px;} .markedcooked-recipeproduct h4, .undo-groceries-linkdiv .undo-link, .undo-groceries-linkdiv .groceries-link { font-size: 12px;} .filterside-section.markedcooked-section { padding-top: 36%;} .markedcooked-titlediv { margin-bottom: 16%;} .undo-groceries-linkdiv { margin-top: 15%;} .undo-groceries-linkdiv .undo-link { margin-bottom: 15px;} .passt-imgcol{width: 100%;} #status { /* width: 117px; height: 114px; margin: -59px 0 0 -57px; */} #status svg { /* width: 117px; height: 114px; */} .setting-sideinner { padding: 45% 30px 30px;} .setting-sidebar .title-filter { margin-top: 20%;} .setting-sideinner .setting-s-icondiv { top: 8%;} .setting-sideinner .setting-div{top: 8%;} .setting-back-arrow, .setting-sideinner .setting-s-icondiv{left: 30px;} .setting-sideinner .setting-div{right: 30px;} .setting-back-arrow{top: 3%;} .setting-linkul li { margin-bottom: 12%;} .searchselect-addediv .defult-btn.addgroceries-btn .cat-chekbox{display: none;} .searchselect-addediv .defult-btn.addgroceries-btn { min-width: inherit; padding: 10px;} .elevate-your-cooking h2 { font-size: 24px;} .elevate-your-cooking img { margin-bottom: 10px;} .elevate-your-cooking p { font-size: 16px;} .elevate-your-cooking {margin: 20px auto;} .elevate-your-cooking h2{padding-left: 15px;} .onboarding-content-inner .bubble.b-sign { /* top: 25px; */ top: -100px;} .onboarding-image-content .bubble.pink-dot.b-sign, .onboarding-image-content .bubble.yellow-dot.b-sign, .onboarding-image-content .bubble.green-dot.b-sign { /* top: 3%; */ top: -150px; height: 175px; width: 176px; left: 50%;} .onboarding-nextbtn-div.tbl-show{bottom: 5%;} .onboarding-wrap.onboarding-one .onboarding-content-inner .bubble.b-sign { top: -92px;} .dellabel-link, .save-favourite-link, .proplan-link{top: 10px; right: 10px;} .setting-sidebar .sliderbtm-courve .bubble.b-sign { height: 74px; width: 76px; right: 300px; bottom: 55px;} .countpeople-donebtn { left: 40px;} .filterside-section h3 { top: 20%;} .filter-btn { bottom: 22%; left: 40px;} .side-grocery-info label{font-size: 13px;} .recipeside-section .grocery-item p, .recipeside-section .grocery-btn { color: #404041;} .side-recipe-info { top: 9%;} .recipes-section.favourite-recipe-section .favrec-col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .recipes-section.favourite-recipe-section .favrec-col .fav-recipe-bgdiv{padding-bottom: 56.25%;} .recipes-section .searchselect-addediv .defult-btn.addgroceries-btn .cat-chekbox{display: block;} .recipes-section .searchselect-addediv .defult-btn.addgroceries-btn { padding: 10px 15px 10px 45px;} .dailyinspiration-section.doeat-section .pagetile-div h2{font-size: 28px; line-height: 1.2;} .dietslidebar-div .logo-div, .mealslidebar-div .logo-div{ top: 10px; left: 10px;} .dietslidebar-div .accpre-nextbtn-div, .mealslidebar-div .accpre-nextbtn-div {bottom: 4%;} .mealslidebar-div .accpre-category-boxdiv .accpre-category-img { top: -40px;} .mealslidebar-div .accpre-category-boxdiv h4{font-size: 13px;} .mealslidebar-div .accpre-category-list li { padding: 45px 10px 20px;} .addgrocerieside-content { padding: 42% 20px 50px;} .addgrocerieside-content .itemdelete-content { height: calc(100% - 28%);} .home-whatmeal-section .accpre-category-boxdiv .accpre-category-img{ top: -66px; } #dp-slider { height: auto; padding-bottom: 120%; padding-bottom: 145%; } .dailyinspiration-section .dailyinspiration-slider .fav-recipe-content h4{max-width: 85%;} .defult-content figcaption{max-width: 300px;} .defult-content h3{font-size: 14px;} .defult-content p{margin-bottom: 15px;} .defult-content h3{margin-bottom: 15px;} .defult-content figure figcaption{font-size: 14px !important; margin-left: 30px !important;} .defult-content h1 { font-size: 24px;margin-bottom: 25px;} .defult-content h2 {margin-bottom: 20px; font-size: 19px;} .defult-content h4{font-size: 14px;} .afterbefore-imgwrap{width: 100%;} .afterbefore-bg { height: 350px;} .afterbefore-imgdiv h3 { font-size: 16px;} .afterbefore-section{background: #e6e7e8; padding-top: 30px; padding-bottom: 30px; border-radius: 30px; margin-top: 15px; margin-bottom: 30px;} .palnunlock-div h2 { line-height: 1.4; margin-top: 25px; font-size: 22px;} .content-select-your-plan h2{font-size: 26px; margin-bottom:25px;} .palnunlock-div { margin-bottom: 40px;} .content-select-your-plan p{font-size: 16px; line-height: 1.4; max-width: 200px; margin: 0 auto 60px;} .round-box-plan{margin: 0;} .round-box-annual{width: 150px;} .round-box-plan{width: 150px; height: 150px;} .round-box-plan h3{font-size: 22px;} .round-box-plan p{font-size: 14px;} .roundbox-content p { margin: 20px 0 10px; font-size: 14px;} .btn-select .defult-btn { min-width: 150px; padding: 10px;} .content-include h6{text-align: center; margin-bottom: 40px; } .content-include li{font-size: 16px; line-height: 24px; margin-bottom: 20px; padding-left: 40px;} .btn-select { margin: 20px 0 0px 0;} .payemnt-plandiv h5{font-size: 16px;} .payemnt-plantext{font-size: 14px;} .payment-section h3{font-size: 18px;} .payment-section{padding-bottom: 50px;} .payemnt-plandiv{margin-bottom: 50px;} .onboarding-wrap.shopping-lists .onboarding-image-content h3{max-width: 190px;} .defult-content figure img{width: 100% !important; height: auto !important;} .defult-content figure.iframe-video {position: relative; padding-bottom: 56.25%;} .defult-content figure.iframe-video iframe{width: 100% !important; position: absolute; top: 0; right: 0; left: 0; height: 100% !important;} .rectab-contentwrap .tab-pane h1{font-size: 26px;} .rectab-contentwrap .tab-pane h2{font-size: 22px;} .rectab-contentwrap .tab-pane h3{ font-size: 18px;} .rectab-contentwrap .tab-pane h4{font-size: 14px;} .mealadded-groceries-slider .slick-slide { padding: 90px 15px 30px;} .mealadded-groceries-slider .mealadded-category-boxdiv .mealadded-img { height: 185px;} .mealadded-groceries-slider .mealadded-category-boxdiv h4 { font-size: 14px; line-height: 20px;} .filter-sectedlist li a { font-size: 12px; line-height: 1.6; padding: 2px 8px;} .filter-sectedlist li a span:before { margin: 0 5px 0 2px; height: 4px; width: 4px;} .paginationfilter-secrion .filter-click{font-size: 12px;} .socialshare-sidebar .slidertop-heart{left: 20px;} } @media (max-width: 375px){ .accpre-category-list li { margin-bottom: 25px; padding: 10px 10px 20px;} .accpre-category-boxdiv .accpre-category-img{ top: -47px;} .accpre-category-boxdiv { padding: 56% 10px 25px; border-radius: 0 0 13px 13px;} .mealadded-groceries-slider .mealadded-category-boxdiv .mealadded-img { height: 162px;} .mealadded-groceries-slider .mealadded-category-boxdiv { padding: 120px 10px 45px;} .custom-cta-section h2{font-size: 26px;} } @media (max-width: 360px) { .onboarding-content-inner img { width: 240px;} .onboarding-content-inner { padding-top: 25%;} .site-footer{padding: 105px 0 110px;} .filterside-section h3{top: 17%;} .accpre-content h3 { font-size: 18px; margin-bottom: 20px;} .accpre-content-inner { padding: 0 20px;} .accpre-category-boxdiv h4 { font-size: 12px; line-height: 18px; min-height: 36px;} .accpre-category-boxdiv .accpre-category-img { top: -40px;} /* .accpre-category-boxdiv .accpre-category-img{height: 115px;width: 115px;} */ .accpre-category-boxdiv { padding: 55% 10px 20px; border-radius: 0 0 10px 10px;} .accpre-category-list li { margin-bottom: 18px; padding: 10px 10px 20px;} .accpre-diet-list li { margin: 0 auto 15px; padding: 0px 18px 0px 26px; max-width: 200px;} .accpre-diet-boxdiv { padding: 12px 25px 12px 35px;} .accpre-diet-boxdiv .round-cat { left: -26px; top: -2px; height: 48px; width: 48px; font-size: 18px; line-height: 47px;} /*.account-preference-wrap.diet-wrap .accpre-content-inner { top: 7%;}*/ .number-people-wrap .accpre-content-inner { max-width: 240px;} .number-people-list { margin: 50px -12px 0;} .number-people-listdiv { max-width: 220px;} .number-people-list li { margin-bottom: 20px;} .cre-account-wrap .accpre-content-inner { max-width: 240px;} .sigin-in-wrap .accpre-content-inner { max-width: 240px;} .site-footer p { font-size: 13px; margin-bottom: 10px;} .become-friend-section .container { max-width: 100%;} .footer-social { margin-bottom: 35px;} .psstcb-app-section {padding: 30px 0px;} .site-header.favgroceries-header .favgro-mobile-titlediv h2 { font-size: 14px;} .fav-recipes-title { font-size: 22px;} .crosse-iteambtndiv, .delrecipe-msdinnerdiv { max-width: 260px;} .crosse-popup-section .crosscancel-btn, .crosse-popup-section .delcross-btn, .delrecipe-popupsection .delrecipecancel-btn, .delrecipe-popupsection .delrecipe-btn{min-width: 260px;} .filterside-section.recipeside-section { padding-top: 31%; padding-right: 25px; padding-left: 25px;} .side-grocery-info .grocery-title{font-size: 16px;} .side-grocery-info label{margin-top: 10px;} .side-grocery-info label{font-size: 12px; margin-bottom: 5px;} .side-grocery-info li { margin-bottom: 12px;} .grocery-item p { font-size: 13px; line-height: 1;} .grocery-item-image{padding-top: 66.66%;} .rectab-pills .nav-tabs .nav-link { padding: 12px 0px 10px;} .rectab-contentwrap .table tr td { font-size: 13px;} .rectab-rightpart .addgroceries-btn { margin-right: 7px; margin-left: 7px; padding: 8px 10px 8px 36px; min-width: 140px;} .rectab-rightpart .addgroceries-btn .cat-chekbox { height: 20px; width: 20px; bottom: 9px; left: 8px;} .filterside-section.markedcooked-section { padding-top: 32%;} .markedcooked-titlediv { margin-bottom: 15%;} .undo-groceries-linkdiv { margin-top: 14%;} .filterside-section.markedcooked-section .filter-social { bottom: 25px;} .searchselect-addediv .defult-btn.addgroceries-btn{font-size: 12px;} .accpre-content-inner { top: 12%;} .home-whatmeal-section .accpre-content-inner { max-width: 250px;} .accpre-category-list li { padding: 10px 10px 20px; width: 135px;} .home-whatmeal-section .accpre-category-boxdiv {padding: 80px 15px 20px; height: calc(100% - 50px); /* min-width: 115px; */ } .home-whatmeal-section .accpre-category-list li .accpre-category-img{height: 115px;} .home-whatmeal-section .accpre-category-boxdiv .accpre-category-img{ top: -56px; } .elevate-your-cooking h2{padding-left: 0px;} .onboarding-content-inner .bubble.b-sign{ top: 0; transform: inherit; width: 103px; height: 101px; background-size: cover;} .onboarding-icondiv { height: 210px; width: 210px;} .onboarding-icondiv img { max-width: 125px;} .shopping-lists .onboarding-icondiv img { max-width: 100px;} .onboarding-image-content h3{margin-top: 30px; padding: 20px 0;} .onboarding-image-content .bubble.pink-dot.b-sign, .onboarding-image-content .bubble.yellow-dot.b-sign, .onboarding-image-content .bubble.green-dot.b-sign { /* top: 0%; */ top: -120px; height: 145px; width: 146px; left: 55%;} .onboarding-nextbtn-div.tbl-show { bottom: 3%;} .onboarding-wrap.onboarding-one .onboarding-content-inner .bubble.b-sign { top: -85px;} .easy-use-platform .onboarding-icondiv img { max-width: 120px;} .defult-btn { font-size: 14px; line-height: 20px;} .defult-btn.pink-bg { min-width: 120px;} .filterside-section{ width: 85%; right: -88%;} .slidertop-courve { left: -40px; top: -190px;} .slidertop-courve .bubble.b-sign { width: 50px; background-size: cover; height: 49px; bottom: 15px; left: 70px;} .filterside-section.savefavsidebar-section { padding-top: 35%; padding-right: 25px; padding-left: 25px;} .savefavsidebar-slider .grocery-item-image { padding-top: 56.25%;} .savefavsidebar-slider { margin-top: 15px;} .filterside-section h3 { font-size: 18px;} .sliderbtm-courve { bottom: -160px; transform: rotate(5deg); left: -130px;} .slidercenter-courve { bottom: -135px; left: -60px;} .savefavsidebar-undolink { margin-top: 20px;} .savefavsidebar-undolink a { margin-top: 10px;} .savefavsidebar-undolink a{font-size: 12px;} .setting-sideinner .edit-profile-click{font-size: 12px;} .setting-linkul li{font-size: 12px; margin-bottom: 10%;} .filterside-section h3 { font-size: 16px;} .setting-sidebar .title-filter { margin-bottom: 10%; margin-top: 15%;} .setting-sideinner { padding: 42% 30px 30px;} .setting-sidebar .sliderbtm-courve .bubble.b-sign { height: 54px; width: 56px; right: 270px; bottom: 180px;} .countpeople-donebtn { bottom: 14%;left: 30px;} .filterside-section.countpeople-section h3 { top: 18%;} .filterside-section.countpeople-section .filter-list-ul { margin-top: 30px;} .filterside-section h3 { top: 21%;} .filter-btn { bottom: 16%; left: 30px;} .filterside-section h3{left: 30px;} .filterside-section.recipeside-section .filter-social { right: 20px;} .side-recipe-info { top: 10%;} .recipeside-slider { margin-top: 10px;} .dietslidebar-div .accpre-diet-boxdiv { padding: 10px 20px 10px 40px; border-radius: 0 6px 6px 0;} .dietslidebar-div .accpre-diet-boxdiv .round-cat {left: -22px; top: -2px; height: 44px; width: 44px; font-size: 18px; line-height: 42px;} .dietslidebar-div .accpre-diet-list li{margin-bottom: 15px;} .dietslidebar-div .accpre-content-inner { padding: 0 15px;} .dietslidebar-div .accpre-content-inner h3, .mealslidebar-div .accpre-content h3{font-size: 16px;} .dietslidebar-div .logo-div, .mealslidebar-div .logo-div { top: 5px; left: 5px;} .dietslidebar-div .accpre-diet-boxdiv h4 { font-size: 13px;} .mealslidebar-div .accpre-category-boxdiv h4{line-height: 16px; font-size: 12px; min-height: 32px;} .mealslidebar-div .accpre-category-list li { padding: 40px 6px 20px;} .mealslidebar-div .accpre-category-list { margin: 0 -6px;} .mealslidebar-div .accpre-category-boxdiv .accpre-category-img { top: -35px;} .mealslidebar-div .accpre-category-list li { margin-bottom: 10px;} .mealslidebar-div .accpre-content h3{margin-bottom: 15px;} .addgrocerieside-content { padding: 37% 20px 50px;} .addgrocerieside-content .itemdelete-content { height: calc(100% - 35%);} .addgrocerieside-section .sliderbtm-courve { bottom: -200px; transform: rotate(20deg);} .itemdelete-coutdiv{bottom: 20px;} .dailyinspiration-section .dailyinspiration-slider .fav-recipe-content h4{max-width: 100%;} #dp-slider { padding-bottom: 123%; padding-bottom: 152%;} .mealadded-groceries-slider .mealadded-category-boxdiv .mealadded-img { height: 132px;} .mealadded-groceries-slider .mealadded-category-boxdiv { padding: 90px 10px 45px;} }