.productPageHorizontalCarouselDescription_MixAndMatch {
font-weight: bold;
padding: 8px;
font-size: 2rem;
margin: 1rem 0px;
color: #e9531d !important;
background: 0 0;
border: 2px solid #e9531d;
width: fit-content;
font-size: 20px;
line-height: 1.25;
margin-bottom: 3px;
border-radius: 10px;
}
.mixAndMatchTitleMainInfo {
border-radius: 10px;
color: #e9531d !important;
background: 0 0;
border: 2px solid #e9531d;
font-size: 18px !important;
font-family: "IBM Plex Sans",sans-serif;
font-weight: 600;
line-height: 1.5;
}
.mixAndMatchTitleGrid {
display: block !important;
white-space: unset;
text-align: center;
height: 45px;
font-size: 14px;
font-family: 'Ubuntu-Light';
color: #e9531d;
background: 0 0;
border: 2px solid #e9531d;
border-radius: 2px;
width: 100%;
text-align: center;
border-radius: 10px;
}
/*AP AGE DROPDOWN-CAREER PAGE*/
.carrerClass
{
width: 200px !important;
}
/*AP AGE DROPDOWN-CAREER PAGE END*/
/*GENERAL*/
.menu__link:hover,.menu__link:focus
{
color:#e9531d!important;
}
a:hover,
a:active
{
color:#000 !important;
}
/*GENERAL END*/
/*AP ORANGE TOP BAR*/
.row {
/* max-width: 1035px;*/
padding: 0 15px;
margin: auto;
}
.top {
background: #e9531d;
padding: 5px 0;
height:35px;
}
.top .menu>li {
display: inline-block;
vertical-align: top;
line-height: 24px;
font-size: 14px;
margin-left: 30px;
margin-bottom: 0px;
}
.top .menu>li>a {
font-size: 14px;
line-height: 24px;
display: block;
color: #fff;
}
.top .menu>li.current>a,
.top .menu>li:hover>a {
}
.top .row {
/* text-align: right;*/
}
.header .tp-logo {
float: left;
}
.moduletable.hsocial .social-icons li {
display: inline-block;
line-height: 24px;
vertical-align: top;
margin-left: 8px;
}
.moduletable.hsocial .social-icons li a {
color: #fff;
line-height: 24px;
display: block;
}
.moduletable.hsocial .social-icons li:hover a {
}
.moduletable.hsocial .social-icons li a .fa {
font-size: 0;
}
.moduletable.hsocial .social-icons li a .fa:before {
font-size: 16px;
}
.social-icons{
margin-left: 10px;
}
.custom.hphno a {
color: #fff;
font-size: 15px;
line-height: 24px;
font-weight: 600;
}
.custom.hphno {
position: relative;
/*margin-left: 30px;*/
}
.fas.fa-phone.fa-flip-horizontal::before {
width: 20px;
height: 20px;
background: #fff;
display: block;
position: relative;
left: 0;
text-align: center;
border-radius: 100%;
line-height: 20px;
color: #DF0613;
font-size: 10px;
}
.moduletable.tlmenu{
display: inline-block;
}
.moduletable.hsocial{
display: inline-block;
}
.moduletable.hphno{
display: inline-block;
margin-left: 65%;
}
.moduletable.hphno::before {
/*margin-left: 20px;*/
position: absolute;
background: #000;
top: -1px;
content: "";
display: block;
height: 35px;
width: 100%;
border-radius: 20px 0 0 20px;
opacity: 0.2;
}
.fas.fa-phone.fa-flip-horizontal{
margin-left: 10px;
}
/*AP ORANGE TOP BAR END*/
/*NAV BAR CENTER*/
.grid__cell.u-flex.minimal{
margin-left: 25%;
}
/*NAV BAR CENTER END*/
/*PHONE IN NAVV BAR*/
@media only screen and (max-width: 1700px) {
.moduletable.hphno{
display: inline-block;
margin-left: 45%;
}
}
/*PHONE IN NAVV BAR END*/
/*LOGO*/
.logoStyle{
width:300px;
height:57px;
margin-top:40px;
margin-bottom:30px;
}
/*LOGO END*/
/*NAVIGATION BAR FONT*/
.menu__link.dw-mod:not(.menu__link--icon){
font-family: Ubuntu-Light;
font-weight:bold;
}
/*NAVIGATION BAR FONT END*/
/*AP HOMEPAGE ORDER ONLINE*/
.oneThirdDiv {
display: -webkit-inline-box;
}
.oneThirdDiv div {
float: left;
margin-top: 1rem;
font-size: 1.6rem;
line-height: 1.4;
font-family: Helvetica,Arial,sans-serif;
-webkit-font-smoothing: antialiased;
color: #333;
max-width: 75%;
font-size: 14px;
line-height: 1.2;
margin-top: 0;
text-align: left;
}
.oneThirdDiv div strong{
font-weight: 700;
}
.foodyImg img{
width: 100px;
height: 30px;
margin-right: 15px;
/*margin-left: 60px;*/
}
.woltImg img{
margin-right: 35px;
width: 80px;
height: 30px;
}
.hoursImg img{
margin-right: 55px;
margin-left: 30px;
width: 30px;
height: 30px;
}
.oneThirdDiv div p{
margin: 0;
}
.firstImage{
height: 350px;
width:550px;
}
.secondImage{
height: 300px;
width: 452px;
padding-top:30px;
padding-left:20px;
}
/*AP HOMEPAGE ORDER ONLINE*/
/*AP PRODUCT CATEGORIES*/
.productCategory{
border-radius: 10px;
}
.productReceip{
margin-left:42%;
margin-top:5%;
}
.productReceipTitle{
margin-left:8%;
}
.productImage{
float: left;
height: 100px;
border-radius: 50%;
width: 100px;
}
#receip tr{background-color: rgb(47 46 46); border-radius:10%;} /*#receip tr:nth-child(even){background-color: rgba(25,25,25,1); border-radius:10%;}*/
#receip td, #receip th {
border: 2px solid #fff;
}
#receip {color:white;}
.productCategorytbWidth td{
width:33.3%;
border-top:none;
}
.backgroundColor{
margin-left:53%;
background-color: #e9531d54;
height: 250px;
width:50%;
}
/*AP PRODUCT CATEGORIES END*/
/*AP ABOUT FOODHAUS*/
.wrapper{
display: inline-block;
position:relative;
}
.imgLeft{
width: 85%;
max-width: 100%;
}
.imgCircle{
border-radius: 50%;
position: absolute;
right: 8%;
top: 60%;
width: 32%;
max-width: 35%;
height: 55%;
}
.layer {
background-color: rgba(237,235,226,1);
position: absolute;
top: 28px;
left: 28px;
width: 95%;
height: 70%;
}
#about {color:black;}
.aboutTitle{
font-size: 40px;
}
.aboutText{
margin-right: 29%;
}
.btnLeft{
margin-top: -30px;
border: none;
font-weight: bold;
margin-left: 25%;
font-size: 130%;
}
.btnRight{
margin-top: -30px;
border: none;
font-weight: bold;
font-weight: bold;
font-size: 130%;
margin-left: 6%;
}
.layerSecond{
background-color: #2f2e2e;
width: 21%;
height: 45%;
position: absolute;
margin-left: 70%;
margin-top: 25%;
border-radius: 2%;
color: white;
}
.btnGetInTouch{
text-align: center;
margin-top: 5%;
margin-bottom: 18px;
}
.btnGetInTouch{
width:65% !important;
margin-left: 18% !important;
}
.img1{
width: 60%;
}
.img2{
width: 200px;
border-radius: 50%;
height: 200px;
margin-top: -14%;
margin-left: 42%;
}
/*AP ABOUT FOODHAUS END*/
/*CAROUSEL MOBILE VIEW*/
@media screen and (max-width: 480px){
.carousel.u-full-height.dw-mod.carousel--horizontal{
height: 200px !important;
margin-left: 4px;
margin-right: 4px;
}
.u-min-h400px
{
min-height: 200px !important;
}
.otpBox {
width: 45px !important;
height: 45px !important;
}
}
/*CAROUSEL MOBILE VIEW END*/
/*Mobile View*/
@media screen and (max-width: 480px){
.firstImage{
height:150px;
}
.secondImage{
height:150px;
}
.backgroundColor{
height:120px;
}
.textFont{
font-size:12px;
}
#receip td {
border: 0px solid #fff;
border-left: 0px solid #fff !important;
border-top: 0px solid #fff !important;
}
.productImage {
float: left;
height: 80px;
border-radius: 50%;
width: 80px;
margin-left: 20%;
}
.productReceipTitle {
margin-left: 14%;
}
.productReceip {
margin-left: 0%;
margin-top: -10%;
font-size: 12px;
text-align: inherit;
}
.btnsCategories{
margin-left: -105%;
width: 200% !important;
}
.textAlign{
margin-left: -110%;
font-size: 12px;
}
.fontSizeMob{
font-size: 12px;
}
}
/*Mobile View END*/
/*New Site********************************************************************************************/
/*AP FONTS*/
.menu__link.dw-mod:not(.menu__link--icon) {
font-weight: 600;
font-family: 'Ubuntu-Regular';
}
@font-face {
font-family: Ubuntu-Light;
src: url('/Files/Templates/Designs/Rapido/css/fonts/Ubuntu-Light.ttf');
}
@font-face {
font-family: Ubuntu-Regular;
src: url('/Files/Templates/Designs/Rapido/css/fonts/Ubuntu-Regular.ttf');
}
@font-face {
font-family: Ubuntu-Medium;
src: url('/Files/Templates/Designs/Rapido/css/fonts/Ubuntu-Medium.ttf');
}
@font-face {
font-family: Ubuntu-Bold;
src: url('/Files/Templates/Designs/Rapido/css/fonts/Ubuntu-Bold.ttf');
}
*{
font-family: 'Ubuntu-Light';
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Ubuntu-Light';
}
/*AP FONTS END*/
/*FOOTER*/
.footerHeader{
font-size:16px;
font-family:'Ubuntu-Medium';
opacity:0.7;
}
.footerHeaderBottom{
font-size:16px;
font-family:'Ubuntu-Medium';
}
@media only screen and (max-width: 768px) {
#Block__MasterFooterColumnTwo{
width:50%;
}
#Block__MasterFooterColumnThree{
width:50%;
}
}
/*FOOTER END*/
/*Fix Navigation bar and search*/
#topnavigation{
/*margin-top:-2% !important; */
}
.menu--sign-in
{
min-width:140px !important;
}
#Block__MasterDesktopMenu{
align-items: flex-end;
}
.btn.btn--condensed.btn--primary.u-no-margin.dw-mod.js-typeahead-enter-btn{
margin-right: 3%;
}
.search-bar-custom
{
max-width:100%;
}
/*Fix Navigation bar and search End*/
/*Video Banner*/
.video-wrapper{
padding-top: 0px;
}
.video-wrapper iframe{
width:100%;
height:100%;
}
/*Video Banner End*/
/*Product Categories*/
.categoryPhoto img{
float:left;
border-radius:50%;
width:200px;
height:200px;
min-width:120px;
min-height:120px;
padding: 5% 5% 5% 5%;
max-width:250px;
}
.categoryPhoto{
display:flex;
}
.overlayfade {
position: relative;
padding: 5% 5% 5% 5%;
height: 90%;
width: 90%;
opacity: 0;
top: 5%;
transition: .5s ease;
background-color: #e9531d;
border-radius: 50%;
margin-left: 5%;
}
.containerfade:hover .overlayfade {
opacity: 0.9;
}
.textfade{
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
@media screen and (max-width: 1000px){
.categoryPhoto img{
width:140px;
height:140px;
}
.categoryPhoto {
margin-top:8%;
}
.textfade{
font-size:15px;
}
}
@media only screen and (max-width: 768px) {
.categoryPhoto{
display: inline-block;
}
.textfade {
display: none;
}
.overlayfade {
display: none;
}
}
/*Product Categories End*/
/*KXOFFEE PROJECT*/
.kxcoffeeProject{
width: 170%;
margin-left: -25%;
margin-top: 23%;
}
.kxoffeeImg img{
padding-top: 10%;
width: 200%;
max-width: 125%;
margin-left: -12%;
height: 400px;
}
.collapsibleKXoffee {
background-color: #FFF;
color: #e9531d;
cursor: pointer;
width: 70%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
text-decoration: underline;
}
.activeKXoffee, .collapsibleKXoffee:hover {
background-color: none;
}
.collapsibleKXoffee:after {
color: #000;
font-weight: bold;
float: right;
}
.contentKXoffee {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
/*KXOFFEE PROJECT END*/
/*BIG GREEN EGG*/
.bigGreenEgg{
width: 180%;
}
.content-row__item.rowItemContent-1360.dw-mod
{
}
/*BIG GREEN EGG*/
/*Latest News*/
.latestNewsPhoto img{
float:left;
padding: 5% 5% 5% 5%;
width:350px;
height:350px;
min-width:250px;
min-height:250px;
}
.latestNewsPhoto{
display:flex;
}
.latestNewsoverlayfade {
position: absolute;
bottom: 60px;
background: rgb(0, 0, 0);
background: #e9531df2;
width: 28.4%;
transition: .5s ease;
opacity: 1;
color: white;
font-size: 14px;
padding: 4px;
text-align: center;
margin-left: 1.5%;
padding-bottom: 2%;
text-align: left;
}
.latestNewsoverlayfadeOver {
position: absolute;
bottom: 60px;
background: rgb(0, 0, 0);
background: #e9531df2;
width: 28.4%;
transition: .5s ease;
opacity: 0;
color: white;
font-size: 14px;
padding: 4px;
text-align: center;
margin-left: 1.5%;
padding-bottom: 2%;
text-align: left;
}
.latestNewsfade:hover .latestNewsoverlayfade {
opacity: 0;
}
.latestNewsfade:hover .latestNewsoverlayfadeOver {
opacity: 1;
}
@media screen and (max-width: 1000px){
.latestNewsPhoto img{
width:250px !important;
height:250px !important;
}
.latestNewsoverlayfade {
bottom: 57px;
width: 28%;
font-size: 12px;
}
.latestNewsoverlayfadeOver{
bottom: 57px;
width: 28%;
font-size: 12px;
}
}
/*Latest News END*/
/*Contact Form*/
.formtable td input:not([type=checkbox]):not([type=radio]):not([type=submit]), .formtable td textarea, .formtable td select
{
border: 1.6px solid #e4e4e4;
}
#FullName,#Email,#PhoneNo{
background-color:#ededed78;
color:black;
border-radius:20px;
}
#Comments{
border-radius:12px;
background-color:#ededed78;
color:black;
}
#FullName::placeholder{
color:black;
font-family:'Ubuntu-Medium';
font-size:18px;
}
#Email::placeholder{
color:black;
font-family:'Ubuntu-Medium';
font-size:18px;
}
#PhoneNo::placeholder{
color:black;
font-family:'Ubuntu-Medium';
font-size:18px;
}
#Comments::placeholder{
color:black;
font-family:'Ubuntu-Medium';
font-size:18px;
}
#Send{
border-radius: 25px;
}
label[for="FullName"]
{
display:none;
}
label[for="PhoneNo"]
{
display:none;
}
label[for="Email"]
{
display:none;
}
@media only screen and (max-width: 768px) {
.contactFormMobile{
font-size:35px !important;
margin-left: -8%;
}
.contactDetailsMobile{
font-size:35px !important;
}
}
/*Contact Form End*/
/*Our Stores*/
.u-margin-bottom--lg
{
text-align:justify;
}
.storeTitle p{
font-size:22px;
font-weight: bold;
}
.StorePhone p{
font-size:15px;
font-weight: bold;
padding-top:2%;
}
.StoreAddress p{
text-decoration: underline;
}
.StoreImg i{
font-size: 24px;
color: #e9531d;
margin-right: 2%;
}
.OurStores p{
font-size:26px;
font-weight:bold;
text-align:center;
}
@media only screen and (max-width: 768px) {
.content-row__item.rowItemContent-1758.dw-mod{
/*height:145px !important;*/
}
.content-row__item.rowItemContent-1376.dw-mod{
/*height:145px !important;*/
}
.storeTitle p{
margin-top:20%;
}
.content-row__item{
/*height:170%; */
}
}
/*Our Stores*/
/*About*/
.AboutMission{
margin-top:10%;
}
.AboutPhoto img{
padding-top: 41%;
max-width: 260%;
width:260%;
margin-left: 55%;
}
.OurTeamTitle p{
color: #ffffff;
}
.OurTeamText{
margin-top: -5%;
color: #ffffff;
}
.teamImg img{
margin-bottom: 2%;
}
.teamImgText img {
width: 5%;
margin-bottom: 1%;
}
@media only screen and (max-width: 768px) {
.teamImg img{
margin-left: auto;
margin-right: auto;
}
.teamNameText{
/* margin-left:25%;*/
}
.teamNameHeaderText{
/* margin-left:8px;*/
}
}
.teamNameHeaderText{
font-size:28px;
font-family:'Ubuntu-Medium';
}
.teamNameText{
font-size:18px;
font-family:'Ubuntu-Medium';
}
.RoundedPhoto{
margin-left:-3%;
}
.Philosophywrap {
position: relative;
}
.Philosophywrap:before {
content: ' ';
display: block;
position: absolute;
width: 80%;
height: 85%;
opacity: 1;
background-color: #e9531d;
border-radius: 50%;
top: -5px;
left: -3%;
}
@media only screen and (max-width: 768px) {
.Philosophywrap:before {
width: 90%;
}
}
.Philosophycontent {
position: relative;
}
.PhilosophywrapRight {
position: relative;
}
.PhilosophywrapRight:before {
content: ' ';
display: block;
position: absolute;
width: 80%;
height: 85%;
opacity: 1;
background-color: #e9531d;
border-radius: 50%;
top: 6%;
left: 12%;
}
@media only screen and (max-width: 768px) {
.PhilosophywrapRight:before{
width: 90%;
}
}
.PhilosophycontentRight {
position: relative;
padding-bottom: 16%;
}
.PhilosophywrapBottom {
position: relative;
}
.PhilosophywrapBottom:before {
content: ' ';
display: block;
position: absolute;
width: 60%;
height: 65%;
opacity: 1;
background-color: #e9531d;
border-radius: 50%;
top: 0%;
left: 40%;
}
.PhilosophycontentBottom {
position: relative;
width: 90%;
margin-left: 25%;
padding-bottom: 16%;
}
.kxoffeeMug{
font-size: 40px;
margin-left: 0.5%;
margin-bottom: 1%;
}
.PhilosophywrapWidth{
width: 120%;
padding-top:10%;
display: table;
}
@media only screen and (max-width: 768px) {
.PhilosophywrapWidth{
width: 100%;
}
.PhilosophycontentBottom {
width: 70%;
margin-left: 14%;
}
.PhilosophywrapBottom:before {
width: 50%;
height: 60%;
left: 24%;
}
}
/*About End*/
/*Rewards Photo*/
.rewardsPhoto img{
padding-top:12%
}
.benefitsPhoto img{
}
.RoundEmptyPhoto img {
width: 400px;
max-width:400px;
padding-top: 25%;
margin-left:40%;
}
.RoundFullPhoto img {
width: 400px;
max-width:400px;
margin-top: -90px;
margin-left: -30%;
}
.ApplyRewardCard{
background-color: #e9531d !important;
}
.ApplyContactUsBtn{
background-color: #e9531d !important;
}
#Send{
color:#ffffff;
font-family:'Ubuntu-Medium';
font-size:18px;
}
#FullNameReward{
border-radius:20px;
background-color:#ededed78;
}
#FullNameReward::placeholder{
color:black;
font-family:'Ubuntu-Medium';
font-size:18px;
}
#EmailNameReward{
border-radius:20px;
background-color:#ededed78;
}
#EmailNameReward::placeholder{
color:black;
font-family:'Ubuntu-Medium';
font-size:18px;
}
#PhoneNumberNameReward::placeholder{
color:black;
font-family:'Ubuntu-Medium';
font-size:18px;
}
#PhoneNumberNameReward{
border-radius:20px;
background-color:#ededed78;
}
#Iagreetothetermsandconditions{
position: absolute;
z-index: 1;
transform: scale(1.5);
margin-top: 22px;
margin-left:10px;
}
/*Rewards Photo End*/
/*Careers*/
.careerTextTitle{
font-size:21px;
font-weight:bolder;
}
.careerText{
font-size: 15px;
width: 100%;
text-align: initial;
}
.career{
float: left;
width: 16%;
margin-left: 4%;
}
.careerPhoto{
font-size: 40px;
color: #e9531d;
margin-bottom: 5%;
height:50px;
}
.browseButtonGR{
color: rgba(0, 0, 0, 0);
border: 0 !important;
position: absolute;
margin-left: 40%;
z-index:1;
width:52% !important;
margin-top: 2%;
}
.browseButtonGR::-webkit-file-upload-button{
color:#000;
background-color:#f7f7f7;
font-size:16px;
font-family:'Ubuntu-Medium';
border-radius:25px;
padding: 8px 30px;
text-align: center;
border: 1px solid #e4e4e4;
}
.browseButtonUK::-webkit-file-upload-button{
color:#000;
background-color:#f7f7f7;
font-size:16px;
font-family:'Ubuntu-Medium';
border-radius:25px;
padding: 8px 30px;
text-align: center;
border: 1px solid #e4e4e4;
}
.browseButtonUK{
color: rgba(0, 0, 0, 0);
border: 0 !important;
position: absolute;
margin-left: 150px;
z-index:1;
width:52% !important;
}
#Positionforwhichyouapply,#Surname,#Age,#Nationality,#Placeofresidence{
background-color: #ededed78;
}
@media only screen and (max-width: 768px) {
.workingWithUsMobile{
font-size:40px !important;
}
.joinOurTeamMobileUK{
font-size:36px !important;
margin-left:-25% !important;
}
.joinOurTeamMobileGR{
font-size:36px !important;
}
.termsGR{
margin-top:10px !important;
}
}
/*Careers End*/
/*CAREERS COLLAPSE*/
.colWidth{
width:100%;
}
.colLine{
font-weight:100;
}
.collapsible {
background-color: #EDEDED;
color: #000;
cursor: pointer;
padding: 0px;
width: 55%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
margin-left: 20%;
}
.active, .collapsible:hover {
background-color: none;
}
.collapsible:after {
content: '\002B';
color: #000;
font-weight: bold;
float: right;
margin-left: 5px;
}
.collapsible.active:after {
content: "\2212";
}
.content {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #EDEDED;
}
@media only screen and (max-width: 768px) {
.collapsible:after{
margin-top:-10%;
}
.colLine{
display:none;
}
.collapsible {
width:85%;
margin-left:10%;
}
}
/*CAREERS COLLAPSE END*/
/*RADIO LIKE BUTTONS*/
.radioLikeButton {
margin: 10px;
}
/*
input[type="radio"]+label:not(.btn--tag)::before {
opacity: 0 !important;
position: fixed;
width: 0;
}*/
.radioLikeButton label {
display: inline-block !important;
padding: 10px 20px;
font-family: 'Ubuntu-Bold';
font-size: 14px;
border-radius: 25px;
background-color: #e9531d !important;
color: #FFF;
margin-left: 25% !important;
}
.radioLikeButton label:hover {
background-color: #FFF !important;
color: #e9531d;
}
.modal{
/*display: inline-block !important;*/
}
.nextechCookies{
width:740px !important;
height: 10vh;
position: relative;
top: 43vh;
height: 8%;
overflow-y: hidden;
overflow-x: hidden;
}
@media only screen and (max-width: 768px) {
.nextechCookies{
top: 40vh;
height: 20%;
}
.modal-body-mobile
{
width:80% !important;
}
.cookies-btn-mobile
{
margin-left: 36% !important;
margin-top: 18%;
}
}
#CookieForm{
padding-right:80% !important;
}
/*RADIO LIKE BUTTONS END*/
/*Search Bar*/
.searchBarCustom{
border-radius: 20px;
max-width: 80% !important;
background-color:#EDEDED !important;
border:none !important;
}
.searchBarBtnCustom{
float:right;
padding: 0;
border: none;
background: none !important;
margin-right:7% !important;
color: #000000 !important;
}
.input-container{
margin-top: 2%;
max-width:50%;
border-radius:25px;
background-color:#EDEDED;
margin-left: -45%;
max-height:40px;
margin-right: 3%;
}
.input-container ::placeholder{
color:#000;
}
.StatusBarImg{
margin-top: 4%;
margin-left: 10%;
}
.StatusBarImg i{
margin-right: 2%;
font-size: 145%;
}
.typehead-searchbar-custom
{
padding-left: 30%;
}
@media only screen and (max-width: 1250px) and (min-width: 990px) {
.typehead-searchbar-custom
{
padding-left: 25%;
}
}
@media only screen and (max-width: 600px){
.typehead-searchbar-custom
{
padding-left: 25%;
}
}
@media only screen and (max-width: 980px) and (min-width: 800px)
{
.typehead-searchbar-custom
{
padding-left: 34%;
}
}
/*Search Bar End*/
/*Menu Bar Mobile View*/
@media screen and (max-width: 1000px){
.StatusBarImg {
margin-left: 0%;
}
#Block__MasterDesktopMenu
{
align-items: center;
}
}
/*Menu Bar Mobile View End*/
/*Cookies*/
.CookiesPhoto{
margin-left: -15%;
}
.CookiesUsedPhoto{
width: 140%;
margin-top: -30%;
margin-left: -15%;
}
.CookiesDisablePhoto{
margin-left: -40%;
}
/*Cookies End*/
/*Privacy Policy*/
.StoreRoundedPhoto{
width: 230%;
margin-top: 35%;
}
/*Privacy Policy End*/
/*NEWS*/
.page.u-color-light-gray--bg{
Background-color:#ffffff00 !important;
}
.dropdown__header.dropdown__btn.dw-mod{
border-radius:20px;
background-color:#EDEDED !important;
border: none !important;
}
.searchBarNewsCustom{
border-radius: 20px;
background-color:#EDEDED !important;
border: none !important;
}
.searchBarNewsBtnCustom{
float:right;
padding: 0;
border: none;
background: none !important;
margin-right:7% !important;
}
.input-containerNews{
border-radius:25px;
background-color:#EDEDED;
}
.input-containerNews ::placeholder{
color:#000;
}
/*NEWS END*/
/*Recipes*/
.categoryIcon{
width: 70px;
margin-right:5px;
}
.categoryIconMOBILE{
width: 50px;
margin-right:2px;
}
@media only screen and (max-width: 768px) {
.categoryIcon {
width: 40px;
margin-right: 10px;
margin-left: 3%;
height:40px;
}
}
.RecipeTable {
border: none;
width: auto;
}
.RecipeTable th, .RecipeTable td{
border: none;
}
.RecipeTable th i {
font-size: 40px !important;
font-weight: 100 !important;
}
.RecipeTable td{
font-weight: 900;
padding-top: 0;
}
.fa-circle {
color:#e9531d;
}
.table-header-recipe {
color: #bbbbbb;
font-size: 15px;
padding-bottom: 0;
}
.recipeCircle {
border-radius: 50%;
border: solid 3px #e9531d;
/*
height: 100px;
width: 100px;
*/
height: 110px;
width: 110px;
display: table-cell;
text-align: center;
vertical-align: middle;
color: #e9531d;
}
.recipeCircleContainer {
width: 25%;
height: 50%;
box-sizing: border-box;
float: left;
text-align: center;
padding: 16px;
}
.recipeCircle_divider {
border-top: solid 1px #e9531d;
margin:5px 5px;
}
.pageNumber_Recipe {
/*
background: #f0f0f0;
color: #212121;
border-radius: 50%;
padding: 10px;
text-align: center;
font: 15px Arial, sans-serif;
margin-right:5px;
*/
background: #f0f0f0;
font: 18px Arial, sans-serif;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #212121;
display: inline-block;
font-weight: bold;
line-height: 40px;
margin-right: 5px;
text-align: center;
width: 40px;
}
.pageNumber_Recipe.active{
background: #e9531d;
color: white;
}
.recipeGridChevron {
color: #212121;
font-size: 3rem;
height: 100%;
vertical-align: bottom;
}
.recipeGridChevron-marginright {
margin-right: 7%;
}
.recipeGridChevron-marginleft {
margin-left: 7%;
}
.recipe__section {
padding: 1.2em;
}
.recipeGrid_Pagination a:hover {
color: initial;
}
.recipeSpanDots {
margin-right: 5px;
font-size: 30px;
vertical-align: bottom;
}
.recipeGridTitles {
height: 70px;
display: block;
white-space: pre-line;
overflow: hidden !important;
text-overflow: ellipsis;
}
.IngredientsBoxShadow {
box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
background: #ffffff;
}
.recipeGridName {
text-transform: none;
text-align: center;
font-size: 2rem;
font-weight: bold;
margin-top: -10px;
/*word-break: break-all;*/
padding: 0 15%;
}
/*Recipe Mobile Tabs*/
.collapsibleTabRecipeIngredientsList, .collapsibleTabRecipeMethod, .collapsibleTabRecipeNutritionalInfo, .collapsibleTabRecipeIngredients, .collapsibleTabBuyRecipe {
background-color: #f0f0f0;
color: #e9531d;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 2.5rem !important;
border-radius:10px;
}
.activeTabRecipeIngredientsList, .collapsibleTabRecipeIngredientsList:hover,
.activeTabRecipeMethod, .collapsibleTabRecipeMethod:hover
.activeTabRecipeNutritionalInfo, .collapsibleTabRecipeNutritionalInfo:hover,
.activeTabRecipeIngredients, .collapsibleTabRecipeIngredients:hover,
.activeTabBuyRecipe, .collapsibleTabBuyRecipe:hover
{
background-color: #555;
color:#fff;
}
.collapsibleTabRecipeIngredientsList.activeTabRecipeIngredientsList:after,
.collapsibleTabRecipeMethod.activeTabRecipeMethod:after,
.collapsibleTabRecipeNutritionalInfo.activeTabRecipeNutritionalInfo:after,
.collapsibleTabRecipeIngredients.activeTabRecipeIngredients:after,
.collapsibleTabBuyRecipe.activeTabBuyRecipe:after
{
content: "\2212";
color:#fff;
}
.collapsibleTabRecipeIngredientsList:after, .collapsibleTabRecipeMethod:after,
.collapsibleTabRecipeNutritionalInfo:after, .collapsibleTabRecipeIngredients:after,
.collapsibleTabBuyRecipe:after {
content: '\002B';
color: #e9531d;
font-weight: bold;
float: right;
margin-left: 5px;
}
.contentTabRecipeIngredientsList, .contentTabRecipeMethod, .contentTabRecipeNutritionalInfo, .contentTabRecipeIngredients, .contentTabBuyRecipe {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #f1f1f1;
}
.recipePageDiv {
border-left: 2px solid #ededed;
border-right: 2px solid #ededed;
}
.recipePageDiv table {
font-size: initial;
border-bottom: 2px solid #ededed;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.recipePageDiv tr {
border-bottom: 2px solid #ededed;
}
.recipePageDiv td {
border: 0 !important;
}
.recipePageDiv #QuickAddSpan {
font-weight: 600;
}
.recipePageDiv [id^=Quantity]{
height: 40px !important;
border: 1px solid #ededed !important;
padding: 0;
width: 40px !important;
font-weight: 600;
}
.recipePageDiv [name^=Toggle]{
width: 20px;
height: 20px;
margin-bottom: 0;
}
/*Carousel recipe page*/
/*
.carousel__slide, .background-image .background-image__wrapper .background-image__cover {
border-radius: 50%;
padding: 5% 15%;
}
.carousel-prev-btn, .carousel-next-btn {
color: black;
background-color: transparent;
}
*/
/*Recipes END*/
@media only screen and (max-width: 768px) {
.recipe__section {
padding: 0;
}
.recipeSpanDots {
margin-right: 0px;
font-size: 20px;
}
.pageNumber_Recipe {
width: 30px;
margin-right: 0px;
line-height: 35px;
}
.recipeGridChevron {
vertical-align: middle;
}
.recipeGridChevron-marginright {
margin-right: 2%;
}
.recipeGridChevron-marginleft {
margin-left: 2%;
}
.recipeCircleContainer {
width: 50%;
display: inline-table;
/*padding: 15px 32px;*/
padding: 15px 28px;
}
.recipeMobileGrid {
width: 50%;
}
.RecipeTableGrid th, .RecipeTableGrid td {
padding: .1rem;
}
.recipeGridName {
padding: 0 5%;
}
.image-paragraph {
min-height: 200px;
max-width: 100%;
}
.categoryPhoto img {
width: 100%;
height: auto;
}
}
.u-min-h150px {
min-height: 150px;
}
.u-min-h160px {
min-height: 160px;
}
.u-min-h180px {
min-height: 180px;
}
.FrontpageProductCategoriesTitle {
width: 100%;
display: block;
text-align: center;
font-weight: bold;
font-size: 20px;
}
.displayBlock_Important {
display: block !important;
}
/*CREATE ACCOUNT PAGE*/
.CreateAccount_ErrorSpan {
display: none;
}
.field-error {
color: red;
}
.readonly_CS{
border-color: #d1d1d1 !important;
border-width:1px !important;
border-style:inset !important;
height:38px !important;
}
/*CREATE ACCOUNT PAGE END*/
/*VERIFICATION PAGE*/
.buttonLikeLink {
background: none !important;
border: none;
padding: 0 !important;
text-decoration: underline;
cursor: pointer;
font-weight: 500;
color: #212121;
font-size: 18px;
}
.VerificationPhoto{
}
/*VERIFICATION PAGE END*/
/*PRODUCT PAGE PRICE*/
.before-price{
font-size: 16px;
opacity: 35%;
line-height: 2;
}
.stickers-container__tag--medium.stickers-container__tag--custom.dw-mod {
font-family: 'Ubuntu-Bold';
font-size: 33px !important;
background: #E9531D 0% 0% no-repeat padding-box !important;
border-radius: 120px !important;
width: 125px !important;
height: 125px !important;
line-height: 105px !important;
bottom: 38px !important;
right: 70px !important;
}
.stickers-container__tag.stickers-container__tag--custom.dw-mod {
font-family: 'Ubuntu-Bold';
font-size: 16px;
background: #E9531D 0% 0% no-repeat padding-box !important;
border-radius: 120px;
line-height: 45px;
bottom: -15px;
right: 0px;
height: 55px;
width: 55px;
display: flex;
align-items: center;
justify-content: center;
}
.price--product-page.dw-mod {
font-family:'Ubuntu-Medium';
font-size:26px;
}
.item-number{
font-size:21px !important;
color:#424242 !important;
}
.introduction-text{
font-size:18px !important;
}
.CustomProductTitle h1{
font-size:42px !important;
}
.productBtn{
border-radius:8px !important;
}
.comparisonPriceSpan{
font-size:18px;
/*font-family:'Ubuntu-Regular';*/
opacity:0.6;
color:#212121;
}
.product__price-buy-button{
font-size:20px;
font-family:'Ubuntu-Medium';
}
/*details*/
.tabs__label{
border: 1px solid #E9531D !important;
border-radius: 50% !important;
width: 90px !important;
height: 90px !important;
white-space: pre-line;
text-align: center !important;
display: flex;
align-items: center;
justify-content: center;
margin: 12px;
font-size: 12px;
font-family: 'Ubuntu-Regular';
}
.tabs__list
{
width:500px !important;
}
.tabs__trigger[type=radio]:nth-child(1):checked ~ .tabs__list > .tabs__label:nth-child(1) {
background-color: #E9531D;
color: #fff;
border-bottom: 1px #E9531D solid;
}
.tabs__trigger[type=radio]:nth-child(1):checked ~ .tabs__blocks .tabs__block:nth-child(1) {
display: block;
}
.tabs__trigger[type=radio]:nth-child(2):checked ~ .tabs__list > .tabs__label:nth-child(2) {
background-color: #E9531D;
color: #fff;
border-bottom: 1px #E9531D solid;
}
.tabs__trigger[type=radio]:nth-child(3):checked ~ .tabs__blocks .tabs__block:nth-child(3) {
display: block;
}
.tabs__trigger[type=radio]:nth-child(3):checked ~ .tabs__list > .tabs__label:nth-child(3) {
background-color: #E9531D;
color: #fff;
border-bottom: 1px #E9531D solid;
}
.tabs__trigger[type=radio]:nth-child(4):checked ~ .tabs__blocks .tabs__block:nth-child(4) {
display: block;
}
.tabs__trigger[type=radio]:nth-child(4):checked ~ .tabs__list > .tabs__label:nth-child(4) {
background-color: #E9531D;
color: #fff;
border-bottom: 1px #E9531D solid;
}
.tabs__trigger[type=radio]:nth-child(5):checked ~ .tabs__blocks .tabs__block:nth-child(5) {
display: block;
}
.tabs__trigger[type=radio]:nth-child(5):checked ~ .tabs__list > .tabs__label:nth-child(5) {
background-color: #E9531D;
color: #fff;
border-bottom: 1px #E9531D solid;
}
.tabs__trigger[type=radio]:nth-child(6):checked ~ .tabs__blocks .tabs__block:nth-child(6) {
display: block;
}
.tabs__trigger[type=radio]:nth-child(6):checked ~ .tabs__list > .tabs__label:nth-child(6) {
background-color: #E9531D;
color: #fff;
border-bottom: 1px #E9531D solid;
}
.tabs__trigger[type=radio]:nth-child(2):checked ~ .tabs__blocks .tabs__block:nth-child(2) {
display: block;
}
.product__top.dw-mod .tabs__label:hover {
background: none;
background-color: transparent;
color:#000;
}
.tableBorderCustom th, .tableBorderCustom td
{
border-top:0px !important;
border-bottom: 1px solid #D1CFCF !important;
height:50px;
}
.tableBorderCustom th{
font-family:'Ubuntu-Medium';
font-size:15px;
width: 35%;
}
.tableBorderCustom td{
font-size:14px;
}
.tableWidthCustom{
width:90% !important;
}
.product__section{
padding:0px;
}
/*details end*/
/*PRODUCT PAGE PRICE END*/
/*PRODUCT LIST*/
.btn--condensed{
border-radius: 8px !important;
}
.matrix-input-field:hover{
border: 0.1rem solid #000 !important;
background-color: #ffffff;
}
.primaryButtonViewGrid{
max-width:300px !important;
width:300px !important;
font-size: 16px !important;
}
.u-flex.u-flex--align-items-center.u-flex--align-center
{
font-family: 'Ubuntu-Medium' !important;
}
.productTitleGrid{
justify-content: center;
display: flex;
font-size: 16px;
font-family: 'Ubuntu-Light';
}
.productTitleGrid-top
{
display: block !important;
white-space: unset;
text-align: center;
height: 70px;/*CS NT 20221025*/
}
.item-number.dw-mod.productTitleGrid
{
font-size: 16px !important;
font-family: 'Ubuntu-Regular' !important;
color: #212121 !important;
opacity: 0.5 !important;
font: normal normal normal 16px/25px Ubuntu;
}
.price.price--product-list.dw-mod.productTitleGrid
{
font-size: 20px !important;
font-family: 'Ubuntu-Bold' !important;
font: normal normal bold 20px/24px Ubuntu;
letter-spacing: 0px;
color: #212121;
opacity: 1;
}
/*PRODUCT LIST END*/
/*INCREASE DECREASE BUTTONS*/
.decrease_IncreaseQuantityButton_ProductPage { /*AndreasPan*/
width: 36px !important;
}
#decreaseQtyButton {
/*margin-left: 0%;*/
}
#QuantityButtonsDiv_ViewList .decrease_IncreaseQuantityButton_ReviewOrder {
width: 30% !important;
}
.viewGridQty
{
justify-content: center;
display: flex;
}
#decreaseQtyButton {
/*margin-left:30%; was 10%*/
}
#decreaseQtyButton_ReviewOrder {
margin-left:5%;
}
#decreaseQtyButton_ReviewOrder_Mobile {
margin-left:2%;
}
#decreaseQtyButton, #increaseQtyButton,#decreaseQtyButton_ProductPage, #increaseQtyButton_ProductPage {
cursor: pointer;
}
#decreaseQtyButton:focus, #increaseQtyButton:focus,#decreaseQtyButton_ProductPage:focus, #increaseQtyButton_ProductPage:focus {
outline: none;
/*border: 0.2rem solid #000;*/
}
.decrease_IncreaseQuantityButton_ReviewOrder_Mobile {
float: left;
border-radius: 50%;
width: 24px;
height: 24px;
padding: 0;
border:none;
text-align: center;
vertical-align: middle;
line-height: 50%;
text-align: center;
font-family: 'Ubuntu-Medium';
margin-top:5%;
background:#d0d0d0 0% 0% no-repeat padding-box;
}
.decrease_IncreaseQuantityButton_ReviewOrder {
float: left;
border-radius: 50%;
width: 24px;
height: 24px;
padding: 0;
border:none;
text-align: center;
vertical-align: middle;
line-height: 50%;
text-align: center;
font-family: 'Ubuntu-Medium';
margin-top:5%;
background:#d0d0d0 0% 0% no-repeat padding-box;
}
.decrease_IncreaseQuantityButton_ProductGrid {
float: left;
width: 30px !important;
border: none;
border-radius: 20px;
height: 30px !important;
position: relative;
font-size: 21px;
font-family: 'Ubuntu-Medium';
display: flex;
align-items: center;
justify-content: center;
color:#000;
margin-top: 2%;
}
.ProductGridQuantity{
width: 15% !important;
height: 3.2rem !important;
min-height: 38px;
line-height: 20px;
padding: 0 !important;
text-align: center !important;
font-size: 1.6rem !important;
-webkit-appearance: none !important;
-moz-appearance: textfield !important;
margin: 0 !important;
font: inherit !important;
vertical-align: top !important;
float: left !important;
font-size: 20px !important;
font-family: 'Ubuntu-Regular';
}
.ProductGridQuantity:hover{
border:none !important;
}
.decrease_IncreaseQuantityButton_ProductPage {
height: 36px;
text-align: center;
border: 0.1rem solid #000;
background-color: #FFFFFF;
font-size: 2rem;
color: #333333;
vertical-align: top;
float: left;
/*line-height: normal;*/
min-height: 38px;
line-height: 20px;
margin-right: 0;
}
/*OLD CS
.decrease_IncreaseQuantityButton_VerticalCarousel {
width: 21%;
height: 3.2rem;
text-align: center;
border: 0.1rem solid #000;
background-color: #FFFFFF;
font-size: 2rem;
color: #333333;
vertical-align: top;
float: left;
min-height: 38px;
line-height: 20px;
margin-right: 0;
}
*/
.decrease_IncreaseQuantityButton_VerticalCarousel {
width: 32px !important;
text-align: center;
border-radius: 25px;
border: none;
background-color: #efefef;
color: #000;
vertical-align: top;
float: left;
line-height: 26px;
font-size: 20px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
/*margin: 0.3em 1em;*/
margin: 0.3em 0.6em !important;
height: 32px !important;
font-family: 'Ubuntu-Medium';
}
.product-list__grid-item__footer .buttons-collection input[type=number] {
max-width:40%;
}
.product-list__grid-item__footer .buttons-collection input[type=number], .product-list__grid-item__footer .buttons-collection button {
max-width:85%; /*was 40px*/
margin-bottom:6%;
height: 0%;
}
.productPageQuantityInput{ /*AndreasPan*/
width: 36px !important;
}
.productPageQuantityInput {
height: 36px !important;
min-height: 38px;
line-height: 20px;
padding: 0 !important;
text-align: center !important;
border: 0.1rem solid #000 !important;
font-size: 1.6rem !important;
padding-top: 0.3rem !important;
-webkit-appearance: none !important;
-moz-appearance: textfield !important;
margin: 0 !important;
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
font: inherit !important;
vertical-align: top !important;
float: left !important;
}
.reviewOrderPageQuantityInput::-webkit-inner-spin-button, .productPageQuantityInput::-webkit-inner-spin-button, #ZipCodeNumberCheck::-webkit-inner-spin-button, .verticalCarouselQuantityInput::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
-moz-appearance: textfield !important;
}
/*OLD CS
.verticalCarouselQuantityInput {
width: 24% !important;
height: 3.2rem !important;
min-height: 38px;
line-height: 20px;
padding: 0 !important;
text-align: center !important;
border: 0.1rem solid #000 !important;
font-size: 1.6rem !important;
padding-top: 0.3rem !important;
-webkit-appearance: none !important;
-moz-appearance: textfield !important;
margin: 0 !important;
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
font: inherit !important;
vertical-align: top !important;
float: left !important;
}
*/
.verticalCarouselQuantityInput {
width: 20px !important;
height: 3.2rem !important;
min-height: 38px;
line-height: 20px;
padding: 0 !important;
text-align: center !important;
border: none !important;
font-size: 20px !important;
/*font-weight: 600;*/
/*padding-top: 0.3rem !important;*/
-webkit-appearance: none !important;
-moz-appearance: textfield !important;
margin: 0 !important;
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
vertical-align: top !important;
float: left !important;
}
.reviewOrderPageQuantityInput {
width: 20% !important;
height: 3.2rem !important;
min-height: 38px;
padding: 0 !important;
text-align: center !important;
font-size: 1.6rem !important;
-webkit-appearance: none !important;
margin: 0 !important;
font: inherit !important;
vertical-align: top !important;
float: left !important;
font-size: 16px !important;
font-family: 'Ubuntu-Regular';
border-color: transparent !important;
background-color: transparent !important;
margin-left: 1% !important;
margin-right: 1% !important;
}
.reviewOrderPageQuantityInput:hover{
border:none !important;
}
.productPageQuantityInput {
height: 3.2rem !important;
min-height: 38px;
line-height: 20px;
padding: 0 !important;
text-align: center !important;
font-size: 1.6rem !important;
padding-top: 0.3rem !important;
-webkit-appearance: none !important;
-moz-appearance: textfield !important;
margin: 0 !important;
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
font: inherit !important;
vertical-align: top !important;
float: left !important;
}
.reviewOrderPageQuantityInput::-webkit-inner-spin-button, .productPageQuantityInput::-webkit-inner-spin-button, #ZipCodeNumberCheck::-webkit-inner-spin-button, .verticalCarouselQuantityInput::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
-moz-appearance: textfield !important;
}
/*INCREASE DECREASE BUTTONS END*/
/*LOGIN FORM*/
#login-username,#login-password,#AccessUserEmail{
width: 506px;
height: 48px;
background: #F0F0F0 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000014;
border-radius: 8px;
}
.notification-message-info
{
font-size:18px;
}
.notification-message-box.notification-message-success
{
background-color: #E9531D1A;
}
label[for=login-username],label[for=LoginUsername],label[for=login-password],label[for=rememberMe],label[for=AccessUserEmail]
{
font-size:18px;
font-family:'Ubuntu-Medium';
}
input[type="text"]:hover,.form__field-group input:focus,.form__field-group input,.form__field-group input:hover,
.form__field-group select:hover{
border: 1.6px solid #e4e4e4;
}
.SignInCustom{
font-size:52px;
text-align:center;
}
.testCss{
width: 50%;
float: left;
}
.customLinkPassword{
margin-left:50%;
text-align: right;
font-size:18px;
}
.customLinkPassword a{
color:#212121;
text-decoration: underline;
}
.btnSignIn, .btnInstructions{
width: 224px !important;
font-family: 'Ubuntu-Medium';
align-items: center;
height: 48px !important;
margin-top: 3%;
}
.btnSignInPosition, .btnInstructionPosition
{
width: 100%;
display: flex;
justify-content: center;
}
.btnCreateAccount, .btnSendInstructions{
text-align: center;
color:#212121;
text-decoration: underline !important;
font-size:18px;
display: flex;
justify-content: center;
padding-left: 0px !important;
}
.btnCreateAccount:hover,.btnCreateAccount:focus
{
color:#000;
}
/*LOGIN FORM END*/
/*PASSWORD RECOVERY*/
.passwordRecovery
{
font-size:50px;
text-align: center;
}
/*PASSWORD RECOVERY END*
/*Create Account Form Stlyes CS*/
#CreateAccountPage input, #CreateAccountPage select{
background-color: #ededed78;
color: black;
border-radius: 20px;
/*opacity:0.6;*/
}
.readonly_CreateAccount {
border-width: 3px !important;
border-style: inset!important;
height: 38px !important;
background-color: #ededed78 !important;
}
#CreateAccountPage .form__field-group div {
position: absolute;
font-size: 18px;
color: black;
line-height: unset;
padding-left: 10px;
padding-top: 5px;
}
#CreateAccountPage .form__field-group div label {
font-weight: 700;
}
#CreateAccountPage .form__field-group input, #CreateAccountPage .form__field-group select {
/*text-align: right;*/
}
.panel.panel--right {
max-width: 12%;/*max-width: 15%;*//*320px*/
min-width: 0;
}
.notification-message-error {
color: #d32f2f !important;
font-size: 1.47rem !important;
}
#CreateAccountPage .form__field-group .notification-message-error {
position:relative;
}
#CreateAccountPage .field-error {
position:relative !important;
color: red !important;
}
form[name=UserManagementEditForm] input[readonly], form[name=UserManagementEditForm] input[readonly]:focus {
padding: 6px 12px !important;
border: 1.6px solid #e4e4e4 !important;
}
form[name=UserManagementEditForm] input,form[name=UserManagementEditForm] select {
background-color: #ededed78 !important;
color: black !important;
border-radius: 10px !important;
font-size: 18px;
font-family: 'Ubuntu-Regular';
}
form[name=UserManagementEditForm] label {
font-size: 18px;
font-family: 'Ubuntu-Medium';
/*font-weight: 700 !important;*/
}
input[type="checkbox"].form__control+label {
font-size:18px !important;
font-family: 'Ubuntu-Medium'!important;
}
.u-half-width {
width: 50%
}
.left-navigation .left-navigation__item .btn {
font-size:18px;
font-weight:700;
}
#profileDashboardMenuNT .left-navigation__item {
border-bottom:none;
}
#profileDashboardMenuNT .left-navigation__item:first-child {
border-top: 3px #d3d3d3 solid;
width:250px;
}
.dashboardPointBalance {
color:#e9531d;
font-size: 18px;
font-family: Ubuntu-Medium;
}
@media screen and (max-width: 480px)
{
.padding10CS{
padding:10px;
}
.decrease_IncreaseQuantityButton_VerticalCarousel {
width: 30px;
height: 30px;
min-height: 30px;
margin: 0.3em 0.5em !important;
}
.slick-slide .btn--primary {
font-size: 13px !important;
margin-left: 15px;
margin-right: 15px;
}
}
.displayNone {
display: none;
}
.lightGrayBackground {
background: #F8F6F6 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 0px #0000000F;
}
.emptyCartButton {
color: #fff;
font-size: 18px;
font-weight: normal;
border-width: 1px;
border-color: #e9531d;
border-radius: 0.5rem;
background-color: #e9531d;
font-family: 'Ubuntu-Medium';
}
/*.emptyCartButton:hover {
color: #FFF;
border-color: #fff;
background-color: #e9531d;
}
*/
/*Slick Carousel.. START*/
.slick-prev:before, .slick-next:before {
display:none; /*Fixes the second arrow*/
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
background: #5ebff3 !important;
}
.slick-slide img {
/*height: auto !important; */
}
.slick-slide .item-number {
font-size:14px !important;
color: #a8a8a8 !important;
}
.slick-prev, .slick-next {
background: #0582c4 !important;
height: 200px !important;
width: 30px !important;
padding: 5px !important;
border-radius: 12px !important;
}
.productPageHorizontalCarousel .slick-prev, .productPageHorizontalCarousel .slick-next {
background: none !important;
height: 200px !important;
width: 30px !important;
padding: 5px !important;
border-radius: 12px !important;
z-index: 1;
position:absolute;
}
.productsCarousel {
font-family:Arial;
/*width:95%;*/
width:100%;
display:block;
margin:0 auto;
}
/* START of Horizontcal Carousel at Product Page*/
.content-row__item {
max-width:inherit;
}
@media only screen and (max-width: 768px) {
.content-row__item {
max-width:100vw;
}
}
.productPageHorizontalCarousel {
width: 100%;
}
.productPageHorizontalCarousel h4 {
font-weight: 700;
}
.productPageHorizontalProductInCarousel {
/*height: 380px;*/
height: 425px;
padding: 0;
background:#FFF;
border-radius: 5px;
width:90% !important;
}
.productPageHorizontalProductInCarousel .stickers-container__tag--custom.dw-mod:not(.stickers-container__tag--micro) {
/*width:50px;
height:50px;*/
}
.productPageHorizontalProductInCarousel .product-list__grid-item__image {
margin-top: 10px;
}
.productPageHorizontalCarousel .slick-prev, .productPageVerticalCarousel .slick-next {
}
.horizontalCarouselDetailsBlock {
font-family: "Open Sans",sans-serif !important;
text-align: center;
}
.horizontalCarouselDetailsBlock .item-number {
margin-bottom:0;
}
.horizontalCarouselPrice {
font-size: 1.6rem !important;
font-family: "IBM Plex Sans",sans-serif !important;
-webkit-font-smoothing: antialiased;
padding: 0.5rem;
text-align: center;
padding-bottom: 0; /*CS NT 20221026*/
}
.horizontalCarouselPreviousPrice {
font-size: 14px !important;
}
.productPageHorizontalCarouselTitle {
/*font-weight: 700;
line-height: 1.35;
font-size: 1.8rem;
padding:.5em;*/
}
.productPageHorizontalCarouselTitle a {
color: #333;
}
.productPageHorizontalCarouselDescription {
font-weight: bold;
padding: 8px;
font-size: 3rem;
/*text-align: center;*/
/*margin-bottom: 2rem !important;*/
margin: 2rem 0;
margin-bottom: 0 !important;
}
.horizontalCarouselProductName {
color: #222;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 0;
line-height: 1.4;
overflow: hidden;
/*height: 50px;*/
height: 45px;
text-overflow: unset;
white-space: normal;
text-transform: none;
margin-top: 5px;
padding: 0px 2px;
/*For responsive use height:3vw; height: 10vw;*/
}
@media only screen and (max-width: 1024px) {
.horizontalCarouselProductName {
height: 7vw;
}
}
@media only screen and (max-width: 768px) {
.horizontalCarouselProductName {
height: 7vw;
}
}
@media only screen and (max-width: 480px) {
.horizontalCarouselProductName {
/*height: 11vw;*/
height: 60px;
}
}
.productPageHorizontalCarousel .slick-slide {
padding:1px;
display:inline-block;/*CS New on foodhaus*/
}
#Product.productPageHorizontalProductInCarousel:focus, #Product.productPageHorizontalProductInCarousel:active {
border: none !important;
outline:none !important;
}
/*#Product.productPageHorizontalProductInCarousel.product-list__grid-item__image {*/
.productPageHorizontalProductInCarousel.product-list__grid-item.dw-mod:hover .product-list__grid-item__image.dw-mod {
border: 1px solid #fff !important;
}
.previousArrowProdPage {
display: block;
position: absolute;
z-index: 1000;
top:50%;
transform: translateY(-50%);
}
.nextArrowProdPage {
display: block;
position: absolute;
right: 0px;
top:50%;
transform: translateY(-50%);
z-index: 1000;
}
/*END of Horizontcal Carousel at Product Page*/
/*Carousels CS NT..*/
.pixoff-slider-navigation-anchor {
display: inline-block;
}
.nextArrowBtn, .prevArrowBtn {
position: absolute;
z-index: 1000;
top: 45%;
border: none;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
height: 50px;
background-color: #3e3e3d;
color: #fff;
cursor:pointer;
}
.nextArrowBtn{
right: 0;
border-radius: 4px 0 0 4px;
}
.prevArrowBtn{
border-radius: 0 4px 4px 0;
left: 0;
}
.outOfStockNT {
opacity: .5;
}
/*..Carousels CS NT*/
/*Stock CS NT..*/
.outOfStockDiv_Grid, .outOfStockDiv_ProdPage, .outOfStockDiv_Carousel {
border-width: 1px;
border-color: #e7e7e7;
border-style: solid;
color: #878585;
cursor: default;
background-color: #efefef;
border-radius: 5px;
text-align: center;
margin: 10px 5px;
padding: 5px 0;
}
.outOfStockDiv_Carousel {
padding: 5px 10px;
}
#Block__AddressContainer #Block__BillingAddress {
padding-bottom:0;
}
#Block__AddressContainer #Block__ShippingAddress {
padding-top:0;
}
#Block__AddressContainer #Block__ShippingAddress .card-header {
border-top: none;
}
#Block__AddressContainer #Block__BillingAddress .card {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.checkoutTitleHeader h3 {
font-weight:700;
}
.week-schedule th {
background: #eaeaea;
border-right: 1px solid white;
text-align: center;
border-bottom:none;
}
.week-schedule .triangle-bottom-right {
background: #eaeaea;
font-weight: 600;
font-size: 12px;
padding: 5px;
}
.week-schedule {
margin-bottom: 0.5rem;
}
.week-schedule td {
text-align: center;
padding: 0.1rem;
border-top:none;
}
.week-schedule div.possible{
border:none;
}
.week-schedule .possible{
width: 100%;
margin-bottom: 0px;
min-height: 44px;
cursor: pointer;
background: #f8f6f6;
border: 0.2px solid #dedddd;
color: #9d9c9c;
}
.week-schedule .active{
background: #fbebe6;
border: 0.2px solid #ee7f57;
}
.week-schedule .active:after {
content: none;
}
.week-schedule .no-possible.disabled {
display: none;
}
.week-schedule .no-possible {
width: 100%;
margin-bottom: 0px;
min-height: 44px;
cursor: no-drop;
background: #f8f6f6;
}
.week-schedule .day {
font-weight: 600;
font-size: 13px;
}
.week-schedule .date {
font-weight: 600;
}
#CheckoutPageGridNT div[class^="grid__col"] {
padding:0;
}
#CheckoutPageGridNT div[class^="grid__col"] .card-header, #CheckoutPageGridNT div[class^="grid__col"] .card-header+.card {
border-radius: 0px;
border:none;
}
#CheckoutPageGridNT div[class^="grid__col"] .card {
padding-top:1em;
}
.noPaddingBottom {
padding-bottom:0 !important;
}
/*Radio buttons*/
input[type="radio"]:checked+label:not(.btn--tag)::before {
background-color: #e9531d;
box-shadow: 0 0 0 2px #e9531d, inset 0 0 0 3px #f6f6f6;
}
input[type="radio"]+label:not(.btn--tag):hover::before {
background-color: #e9531d;
box-shadow: 0 0 0 2px #e9531d, inset 0 0 0 3px #f6f6f6;
}
/*Radio buttons at checkout page CS*/
#CheckoutPageGridNT label,
#CheckoutPageGridNT input[type="radio"] {
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#CheckoutPageGridNT input[type="radio"] {
opacity: 0.01;
z-index: 100;
cursor: pointer;
}
#CheckoutPageGridNT input[type="radio"]:checked+label,
.Checked+label {
background: #F8F6F6;
border: 1px solid #ea5925;
cursor: pointer;
background-color: #E9531D1A;
}
#CheckoutPageGridNT label {
padding: 10px;
background: #f8f6f6;
border-radius: 0.5rem;
cursor: pointer;
z-index: 90;
font-family: 'Ubuntu-Medium';
font-size: 16px;
color: #000;
border: 1px solid #42424233;
}
#CheckoutPageGridNT input[type="radio"]+label:not(.btn--tag)::before {
content: none;
display: block;
background-color: transparent;
box-shadow: 0 0 0 2px #e4e4e4;
}
#CheckoutPageGridNT input[type="checkbox"].form__control:checked+label::after {
margin:10px;
}
/*Radio buttons at checkout page CS*/
/*Profile SBS*/
#Block__Card
{
border:none !important;
}
.dashboardName
{
width: 70%;
font-size: 28px;
font-family: 'Ubuntu-Bold';
}
.myProfileSBS, .myProfileSBS:hover
{
background-color: #e9531d;
color: white;
width: 250px;
height: 35px;
border-radius: 5px;
text-decoration:none;
font-size:16px !important;
font-family: 'Ubuntu-Regular'!important;
}
.btn--link-clean, .btn--link-clean:hover{
padding-left: 15px;
text-decoration:none;
}
.changePassword, .editProfileBtn{
float:right;
font-size:16px !important;
font-family: 'Ubuntu-Medium'!important;
}
.dashboardProfile{
font-size:16px !important;
font-family: 'Ubuntu-Regular'!important;
}
/*Profile SBS end*/
/*My addresses*/
.manageAddressesTitle
{
font-size:21px !important;
font-family: 'Ubuntu-Regular'!important;
}
.manageAddressesEditDelete, .manageAddressesEditDelete:active, .manageAddressesEditDelete:focus,
.manageAddressesEditDelete:hover
{
font-size:18px !important;
font-family: 'Ubuntu-Regular'!important;
color:#e9531d;
text-decoration:underline;
}
.manageAddressesInfo
{
font-size:16px !important;
font-family: 'Ubuntu-Regular'!important;
}
.media-list-item__wrap, .media-list-item__add-new
{
background: #FFFFFF 0% 0% no-repeat padding-box!important;
box-shadow: 0px 1px 5px #0000000F!important;
opacity: 1!important;
border:none!important;
}
/*My addresses End*/
/*NAVIGATION BAR*/
.hideCustomerCenter
{
display:none;
}
.searchBarItems, .searchBarItems:active, .searchBarItems:focus{
color:black;
}
.searchBarItems:hover{
color:#e9531d;
}
/*NAVIGATION BAR END*/
/*USER PROFILE*/
.userProfileTitle{
font-size:52px !important;
font-family: 'Ubuntu-Light'!important;
text-align: center;
}
/*USER PROFILE END*/
/*CREATE ACCOUNT*/
.createAccountLbl
{
display:flex;
font-size:18px !important;
font-family: 'Ubuntu-Medium'!important;
}
.createAccountLbl span
{
margin-left: 2px;
font-size:18px !important;
font-family: 'Ubuntu-Medium'!important;
}
.registerBtn
{
width: 50%;
font-size:18px !important;
font-family: 'Ubuntu-Medium'!important;
}
/*CREATE ACCOUNT END*/
/*ORDER DETAILS*/
.orderDetailsTitle
{
font-size:28px !important;
font-family: 'Ubuntu-Bold'!important;
}
.orderMain tr
{
background: #F8F6F6 0% 0% no-repeat padding-box;
}
.orderMain th
{
font-size:16px !important;
font-family: 'Ubuntu-Regular'!important;
padding-right: 3%;
}
.orderInfoHeader
{
font-size:21px !important;
font-family: 'Ubuntu-Regular'!important;
padding-left:3%;
}
.orderInfo
{
font-size:16px !important;
font-family: 'Ubuntu-Regular'!important;
padding-left:3%;
}
.orderInfoDetails
{
padding-right: 3% !important;
font-size:21px !important;
font-family: 'Ubuntu-Medium'!important;
}
.orderInfoTotal
{
padding-left: 3% !important;
font-size:27px !important;
font-family: 'Ubuntu-Regular'!important;
}
.orderInfoVAT
{
padding-left: 3% !important;
font-size:16px !important;
font-family: 'Ubuntu-Regular'!important;
}
.orderDetails
{
padding-right: 3% !important;
font-size:16px !important;
font-family: 'Ubuntu-Regular'!important;
}
.orderDetailsTotal
{
padding-right: 3% !important;
font-size:27px !important;
font-family: 'Ubuntu-Bold'!important;
}
.lineBorder
{
border-top: 2px solid #eceaea;
}
.orderLinesTitle
{
font-size:16px !important;
font-family: 'Ubuntu-Regular'!important;
}
.orderLinesNo
{
font-size:14px !important;
font-family: 'Ubuntu-Regular'!important;
font: normal normal normal 14px/30px Ubuntu;
letter-spacing: 0px;
color: #424242;
opacity: 1;
}
.orderLinesQtyPrice
{
font-size:16px !important;
font-family: 'Ubuntu-Bold'!important;
}
.orderLinesTable, .orderLinesTable td
{
border-top: 2px solid #eceaea;
}
.orderLinesTable div
{
margin-left: 6% !important;
}
.orderLinesImg
{
margin-left:70%;
}
.orderLinesInfo
{
padding-right: 3% !important;
}
.orderCustomBorder
{
border:none !important;
}
.footerBorder
{
background-color: #ffffff !important;
border: none !important;
}
.orderInfoBlocks
{
border: 1px solid #eceaea;
margin-right: 0% !important;
margin-left: 0% !important;
}
/**/
.shippingAddressTitle
{
font-size:21px !important;
}
.billingAddressTitle
{
font-size:21px !important;
}
.orderInfoBackground
{
background: white !important;
border: 2px solid white;
}
.lineBorderNone
{
border: none;
}
/*ORDER DETAILS END*/
/*MY ORDERS*/
.ordersHeader
{
font-size:18px !important;
font-family: 'Ubuntu-Medium'!important;
font-weight: 100;
}
.ordersInfo div
{
font-size:16px !important;
font-family: 'Ubuntu-Regular'!important;
}
.orderView div
{
font-size:16px !important;
color:#e9531d;
text-decoration: underline;
}
#SearchText{
border: 1.6px solid #e4e4e4 !important;
}
/*MY ORDERS END*/
/*PAGE NUMBERING*/
.pager__num.pager__num--current
{
border-radius: 25px;
height: 32px;
width: 32px;
background: var(--unnamed-color-e9531d) 0% 0% no-repeat padding-box;
background: #E9531D 0% 0% no-repeat padding-box;
font-size: 16px;
}
.pager__num
{
background: #F0F0F0 0% 0% no-repeat padding-box;
border-radius: 25px;
width: 32px;
height: 32px;
font-size: 16px;
}
.pager__num.dw-mod:hover, .pager__num.dw-mod:active
{
color:#222;
border:none !important;
}
.pager__num.pager__num--current.dw-mod:hover, .pager__num.pager__num--current.dw-mod:active
{
color:white;
}
.paginationNextPrevious
{
background: none;
font-size:22px;
padding-top: 0px;
}
.pager.u-margin-top.dw-mod
{
display: flex;
margin-left: auto;
margin-right: auto;
}
.pager__btn.dw-mod
{
margin: 0 6px;
}
/*PAGE NUMBERING END*/
/*ORDER SUMMARY*/
.u-color-inherit.cart-orderline__name
{
font-size: 16px;
font-family: 'Ubuntu-Regular';
}
.cart-orderline__cell__block.item-number.dw-mod
{
font-size: 14px !important;
font-family: 'Ubuntu-Regular';
}
.reviewOrderPrice
{
font-size: 16px;
font-family: 'Ubuntu-Regular';
}
.reviewOrderTotalPrice
{
font-size: 16px;
font-family: 'Ubuntu-Bold';
}
.cart-summary__totals-container
{
border-top: none;
}
.cart-summary__subtotals
{
font-size: 21px;
font-family: 'Ubuntu-Regular';
font-weight: 100;
}
.cart-summary__info.dw-mod{
font-size: 15px;
font-family: 'Ubuntu-Regular';
font-weight: 100;
}
.cart-summary__totals.dw-mod
{
font-size: 27px;
font-family: 'Ubuntu-Regular';
font-weight: 100;
}
.cart-summary__subtotals.u-pull--right.dw-mod
{
font-size: 21px;
font-family: 'Ubuntu-Medium';
font-weight: 100;
}
.cart-summary__info.u-pull--right.dw-mod
{
font-size: 16px;
font-family: 'Ubuntu-Regular';
font-weight: 100;
}
.cart-summary__totals.u-pull--right.dw-mod
{
font-size: 27px;
font-family: 'Ubuntu-Bold';
font-weight: 100;
}
.reviewOrderTop
{
margin-top: 15px;
border-top: none !important;
}
/*ORDER SUMMARY END*/
/*FACETS PRODUCT PAGE*/
.checkbox-facet__label.dw-mod
{
font-size: 16px;
}
.checkbox-facet__count.dw-mod
{
font-size: 16px;
color:#212121;
}
/*FACETS PRODUCT PAGE END*/
/*CREATE PROFILE IMAGES*/
.createProfileImagesLeft img
{
width:70%;
}
.createProfileImagesRight img
{
}
/*CREATE PROFILE IMAGES END*/
.required
{
color:#000;
}
/*MY ORDERS*/
/* defining the right font-family/font-face for each style */
.basketShoppingFull-solid::before {
font-family: "Font Awesome 5 Pro";
}
/* defining the right weight for each style */
.basketShoppingFull-solid::before {
font-weight: 700;
font-size:16px;
color:#e9531d;
}
/* defining the right unicode values for each icon */
.basketShoppingFull-award::before {
content: "\f291";
}
/* defining the right font-family/font-face for each style */
.fa-light::before, .print-solid::before, .fa-solid::before {
font-family: "Font Awesome 5 Pro";
}
/* defining the right weight for each style */
.print-solid::before,fa-solid::before {
font-weight: 700;
font-size:16px;
color:#e9531d;
}
.fa-light.fa-pen::before, .checkedBold::before, .fa-solid::before
{
font-weight: 700;
}
.fa-light::before, .fa-solid::before
{
font-size:16px;
color:#e9531d;
}
/* defining the right unicode values for each icon */
.print-award::before {
content: "\f02f";
}
.fa-pen::before
{
content:"\f304";
}
.fa-circle-check::before
{
content: "\f058";
}
.fa-trash::before {
content: "\f1f8";
font-style: initial;
}
/* defining the right font-family/font-face for each style */
.reorder-solid::before {
font-family: "Font Awesome 5 Pro";
}
/* defining the right weight for each style */
.reorder-solid::before {
font-weight: 700;
font-size:16px;
color:#e9531d;
}
/* defining the right unicode values for each icon */
.reorder-award::before {
content: "\f01e";
}
.searchTextCss
{
width: 300px !important;
margin-left: 34%;
position: absolute !important;
margin-top: 18px;
margin-left: 2;
}
@media only screen and (max-width: 1290px) and (min-width:768px) {
.searchTextCss
{
width: 300px !important;
margin-left: 34%;
}
}
.searchbtnCss
{
margin-left: 550px;
}
.advanceSearchCss
{
display: block;
margin-left: 415px;
margin-bottom: 10px;
color:#e9531d;
font-family: 'Ubuntu-Regular';
border: 0;
background: 0;
}
.advanceSearchCss:hover{
color:#000;
}
.searchForm
{
font-size: 16px !important;
font-family: 'Ubuntu-Regular'!important;
}
.searchFormLbl
{
background-color: #ededed78 !important;
color: black !important;
border-radius: 10px !important;
font-size: 18px;
font-family: 'Ubuntu-Regular';
}
label[for=from_month],label[for=to_month],label[for=order_amount_from],label[for=order_amount_to]
{
font-size: 16px;
font-family: 'Ubuntu-Regular';
}
.searchBtnFormOrders
{
font-size: 16px !important;
font-family: 'Ubuntu-Medium'!important;
}
/*MY FAVORITES*/
.favorites-custom-text
{
font-family: 'Ubuntu-Medium'!important;
font-size: 16px;
}
.u-flex.u-flex--align-items-center
{
font-family: 'Ubuntu-Medium'!important;
}
.fas.fa-heart.fa-1_5x,.fas.fa-heart
{
color: #e9531d;
}
.trashBtn
{
padding-bottom: 8px;
}
.defaultFavoriteCss
{
padding-right:0;
}
.favoritesHeader
{
font-size:18px !important;
font-family: 'Ubuntu-Medium'!important;
font-weight: 100;
}
.favoritesInfo div
{
font-size:16px !important;
font-family: 'Ubuntu-Regular'!important;
}
.addNewListFavorites
{
font-size: 16px !important;
font-family: 'Ubuntu-Medium'!important;
}
label[for=CC_Description], label[for=CC_Name]
{
font-size: 16px !important;
font-family: 'Ubuntu-Regular'!important;
}
.publishedToCss
{
font-size: 16px !important;
font-family: 'Ubuntu-Regular'!important;
}
#CC_Name,#CC_Type,#CC_Description, .favoritesFormLbl
{
background-color: #ededed78 !important;
color: black !important;
border-radius: 10px !important;
font-size: 18px;
font-family: 'Ubuntu-Regular';
}
/*MY FAVORITES END*/
/*PROFILE MOBILE VIEW*/
@media only screen and (max-width: 768px) {
.padding-size-lg
{
padding:0px;
}
#Block__Card
{
align-items: center;
}
.dashboardName
{
width:unset;
}
#profileDashboardMenuNT .left-navigation__item:first-child
{
width:350px;
}
.left-navigation .left-navigation__item .btn
{
text-align:center;
width:100%;
}
.padding-size-xl
{
padding:0px;
padding-left:2%;
padding-right:2%;
}
.left-navigation
{
padding:0px;
}
.editProfileBtn, .changePassword, .searchBtnFormOrders, .registerBtn
{
width:100%;
}
.searchTextCss
{
width: 295px !important;
margin-left: 40%;
}
.advanceSearchCss
{
margin-top: -5%;
margin-left: 420px;
}
input[type="checkbox"].form__control+label
{
font-size:15px !important;
}
.customLinkPassword
{
font-size:15px !important;
}
.SignInCustom, .passwordRecovery
{
font-size:25px !important;
font-family: 'Ubuntu-Regular';
}
.downloadOrderCss
{
visibility: hidden;
}
}
/*PROFILE MOBILE VIEW END*/
/*MINI CART*/
.mini-cart__counter.dw-mod /*Mni cart on ecommerce page/dynamicweb was not opening to change the color*/
{
background-color: #ffffff;
color: #000000;
}
.shopping-cart-qty
{
border: 1px solid #000 !important;
border-radius: 15px;
font-size: 15px !important;
width: 30px !important;
height: 30px !important;
min-height: 10px;
margin-left: 80% !important;
}
input[type=number].shopping-cart-qty:hover,input[type=number].shopping-cart-qty:active
{
border: 2px solid #a8a5a5 !important
}
input[type=number].shopping-cart-qty-active:hover,input[type=number].shopping-cart-qty-active:active
{
border: 0px;
}
.nav-mini-cart-qty {
float: right;
width: 50px;
line-height: 38px;
text-align: center;
background: #ccc;
border: 2px solid #a8a5a5 !important;
cursor: pointer;
font-family: 'Ubuntu-regular' !important;
}
.nav-mini-cart-qty-active
{
float: right;
width: 50px;
line-height: 38px;
text-align: center;
background: #ccc;
border: 0px solid #a8a5a5 !important;
cursor: pointer;
}
.btn-qty {
overflow: hidden;
float: right;
margin: 0 5px;
padding: 5px;
}
.viewGridQty-mini-cart
{
width:85%;
display: flex;
position: absolute;
}
.decrease_IncreaseQuantityButton_miniCart
{
width: 32px !important;
border-radius: 25px;
height: 32px !important;
font-size: 20px;
margin-left: 4px;
margin-right: 4px;
float: left;
width: 30px !important;
border: none;
border-radius: 20px;
height: 30px !important;
position: relative;
font-size: 21px;
font-family: 'Ubuntu-Medium';
display: flex;
align-items: center;
justify-content: center;
color:#000;
margin-top: 3px;
}
.ProductGridQuantity-miniCart{
width: 30px !important;
height: 30px !important;
line-height: 20px;
padding: 0 !important;
text-align: center !important;
font-size: 1.6rem !important;
-webkit-appearance: none !important;
-moz-appearance: textfield !important;
margin: 0 !important;
font: inherit !important;
vertical-align: top !important;
float: left !important;
font-size: 19px !important;
font-family: 'Ubuntu-Regular';
}
.ProductGridQuantity-miniCart:hover{
border:none !important;
}
.mini-cart-orderline__price
{
font-size: 17px;
margin-top: 2px;
}
/*MINI CART END*/
/*HEADER BAR*/
.tools-navigation
{
background-color: #EDEDED !important;
}
.zipcode-btn
{
border-radius: 20px;
border: 0 !important;
height: 32px;
min-height: 32px !important;
background-color: #EDEDED !important;
width: 84px !important;
max-width:84px !important;
}
.searchBarBtnCustom-header{
padding: 0;
border: none;
background: none !important;
margin-right:7% !important;
color: #000000 !important;
}
.input-container-header{
border-radius: 25px;
background-color: #EDEDED;
margin-left: 76%;
height: 38px;
width: 130px;
border: 2px solid #e9531d;
}
.input-container-header ::placeholder{
color:gray;
}
.header-zipcode-check
{
vertical-align: middle;
width:520px;
padding-top: 8px;
padding-bottom: 8px;
}
.header-zipcode-text
{
word-spacing: normal;
width:400px;
float:left;
padding-top: 15px;
margin-right: 8px;
font-family: 'Ubuntu-Medium';
}
.header-zipcode-message
{
word-spacing: normal;
position: absolute;
margin-left: 540px;
padding-top: 10px;
width: 350px;
font-family: 'Ubuntu-Medium';
color: #e9531d;
line-height: 1;
}
.header-delivery-message
{
word-spacing: normal;
position: absolute;
margin-left: 80px;
padding-top: 10px;
width: 310px; /*was 260*/
font-family: 'Ubuntu-Medium';
color: #e9531d;
line-height: 1;
}
.header-delivery-icon
{
width: 55px;
position: absolute;
z-index: 1;
margin-left: 140px;
top: 14px;
}
@media only screen and (max-width: 560px) {
.input-container-header
{
width: 120px;
margin-left: 74%;
}
.header-zipcode-text {
line-height: 15px;
padding-top: 0px;
width: 320px;
}
}
@media only screen and (max-width: 860px) {
/* #PleaseInputAZipCode_Span,#WeDeliverToYourZipCode_Span,#WeDoNotDeliverToYourZipCode_Span,#deliveryIconHeader,#deliveryTextHeader
{
visibility:hidden;
}
*/
.header-zipcode-message
{
margin-left:0px;
padding-top: 55px;
}
#deliveryIconHeader,#deliveryTextHeader
{
visibility:hidden;
}
.tools-navigation
{
height:85px;
}
}
@media only screen and (min-width: 860px) {
#deliveryTextHeaderMax
{
visibility:hidden;
padding-top: 45px;
}
}
.header-zipcode-message-max
{
word-spacing: normal;
position: absolute;
margin-left: 0px;
padding-top: 35px;
width: 350px;
font-family: 'Ubuntu-Medium';
color: #e9531d;
}
/*HEADER BAR END*/
.carousel--horizontal
{
border-radius:20px;
}
/*FRONT PAGE CAROUSEL CATEGORIES*/
/*categories*/
.container-Arrow
{
width:100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 1%;
}
.prevArrow-custom
{
margin-left: 80%;
width:20px;
width: 20px;
background-color: #f1f1f1;
width: 30px;
height: 30px;
padding-left: 2%;
padding-top: 1.2%;
border-radius: 20px;
cursor: pointer;
}
.nextArrow-custom
{
margin-left: 190%;
width:20px;
background-color: #f1f1f1;
width: 30px;
height: 30px;
padding-left: 2.5%;
padding-top: 1.2%;
border-radius: 20px;
cursor: pointer;
}
.prevArrow-custom-feature
{
margin-left: 80%;
width:20px;
width: 20px;
background-color: #f1f1f1;
width: 30px;
height: 30px;
padding-left: 2%;
padding-top: 1.2%;
border-radius: 20px;
cursor: pointer;
}
.nextArrow-custom-feature
{
margin-left: 190%;
width:20px;
background-color: #f1f1f1;
width: 30px;
height: 30px;
padding-left: 2.5%;
padding-top: 1.2%;
border-radius: 20px;
cursor: pointer;
}
#prevArrow-mostPopular, #nextArrow-mostPopular,
#prevArrow-recForYou, #nextArrow-recForYou,
#prevArrow-youMayAlsoLike, #nextArrow-youMayAlsoLike,
#prevArrow-freqBoughtTog, #nextArrow-freqBoughtTog,
#prevArrow-previouslyViewed, #nextArrow-previouslyViewed {
display: inline-block !important;
width:20px;
background-color: #f1f1f1;
width: 30px;
height: 30px;
padding-right: 11px;
padding-top: 5px;
border-radius: 20px;
cursor: pointer;
}
#prevArrow-mostPopular span, #nextArrow-mostPopular span,
#prevArrow-recForYou span, #nextArrow-recForYou span,
#prevArrow-youMayAlsoLike span, #nextArrow-youMayAlsoLike span,
#prevArrow-freqBoughtTog span, #nextArrow-freqBoughtTog span,
#prevArrow-previouslyViewed span, #nextArrow-previouslyViewed span {
font-size: 14px;
font-weight: 800;
color: #000;
}
#prevArrow-mostPopular, #prevArrow-recForYou,
#nextArrow-youMayAlsoLike, #nextArrow-freqBoughtTog,
#nextArrow-previouslyViewed {
margin-right: 10px;
margin-bottom: 10px;
}
.carousel-content-custom
{
background: #f1f1f1;
text-align: center;
width: 93% !important;
border-radius: 20px;
height: 200px;
padding-top: 18px;
}
.carousel-images-custom
{
margin:auto !important;
height: 55% !important;
}
.slick-slide img
{
}
.img-lead
{
margin-top:20px;
font-size: 18px;
font-family: 'Ubuntu-Regular';
}
.header-lead
{
font-size: 18px;
font-family: 'Ubuntu-Regular';
margin-left:10px;
}
.header-lead-carousel
{
font-size: 18px;
font-family: 'Ubuntu-Regular';
font-weight: 100;
}
.slick-slider
{
margin-left:8px;
}
.header-lead-hl
{
color:#e9531d;
font-size: 16px;
font-family: 'Ubuntu-Regular';
text-decoration: underline;
margin-left:4%;
}
.header-lead-recipies
{
color:#e9531d;
font-size: 16px;
font-family: 'Ubuntu-Regular';
text-decoration: underline;
margin-left:1%;
}
.header-lead-hl:hover,.header-lead-hl:focus,.header-lead-recipies:hover,.header-lead-recipies:focus
{
color:#e9531d;
}
.categories-link,.categories-link:focus,.categories-link:hover,
.feature-link,.feature-link:focus,.feature-link:hover
{
color:#000;
}
.header-lead-mobile
{
width:300%;
font-size: 18px;
font-family: 'Ubuntu-Regular';
margin-left:10px;
}
/*categories end*/
/*feature Brands*/
.feature-img-loc
{
height: 160px; /*was 200px; */
}
.feature-img-loc-mob
{
height: 100px; /*was 200px; */
}
.feature-img-size
{
width: 100%;
height: 110%;
}
@media screen and (max-width: 480px)
{
.feature-img-size
{
height: 130%;
}
}
.carousel-feature-content-custom
{
width: 90% !important;
padding-top: 0px;
}
.carousel-feature-img
{
border-radius: 20px;
}
.img-lead-feature
{
font-family: 'Ubuntu-Bold';
font-size: 18px;
color:#212121;
opacity:0.5;
margin-top:50px;
margin-bottom: 5px;
}
.carousel-feature-content-custom
{
font-size: 18px;
text-align: justify;
}
.carousel-feature-content-custom div
{
}
/*feature Brands end*/
.btn--condensed.btn.btn--primary.u-full-width.dw-mod
{
font-size: 16px !important;
font-family: 'Ubuntu-Medium';
}
/*FRONT PAGE CAROUSEL CATEGORIES END*/
/*CHECK IF WE DELIVER MOBILE*/
.check-delivery-mobile
{
width: 506px;
height: 48px;
box-shadow: 0px 3px 6px #00000014 !important;
border-radius: 8px;
background-color:#F0F0F0 !important;
margin-top: 10%;
}
input[type="number"]:hover
{
border-color: #00000014 !important;
}
.delivery-btn-mobile
{
font-family: 'Ubuntu-Medium';
align-items: center;
height: 48px !important;
margin-top: 10%;
}
.header-deliver-mobile-text
{
word-spacing: normal;
width:320px;
float:left;
padding-top: 15px;
margin-right: 8px;
font-family: 'Ubuntu-Medium';
}
/*CHECK IF WE DELIVER MOBILE END*/
input[type="checkbox"] {
accent-color: #e9531d;
}
/*EMAIL CONFIRMATION*/
.create-account-confirm
{
font-size:18px;
font-family: 'Ubuntu-Medium';
color:#e9531d;
}
/*EMAIL CONFIRMATION END*/
/*EMPTY CARD*/
.empty-cart
{
font-size:18px;
font-family: 'Ubuntu-Medium';
color:#e9531d;
}
/*EMPTY CARD END*/
/*SEARCH PRODUCTS DROPDOWN*/
.search-items-btn
{
font-size: 16px !important;
font-family: 'Ubuntu-Medium';
width: 100%;
padding-right: 6px;
padding-left: 6px;
padding-top: 3px;
height: 30px;
min-height: 20px !important;
}
.view-all-custom
{
font-family: 'Ubuntu-Medium';
font-size: 18px;
}
/*SEARCH PRODUCTS DROPDOWN END*/
/*MINI CART*/
.empty-cart-custom,.go-to-cart-custom
{
font-family: 'Ubuntu-Medium';
}
.go-to-cart-custom{
background-color: #e9531d !important;
}
.go-to-cart-custom:hover
{
color:#fff !important;
}
.empty-cart-custom
{
border-color:#e9531d !important;
}
.empty-cart-custom:hover,.empty-cart-custom:focus
{
background-color: #fff !important;
}
.mini-cart-action-custom
{
font-family: 'Ubuntu-Medium';
font-size: 16px;
}
.mini-cart-orderline__name
{
white-space:unset !important;
margin-bottom:3px;
}
/*MINI CART*/
/*VOUCHER*/
#EcomOrderVoucherApply
{
border-radius: 0.5rem;
background: none;
border: none;
font-size: 16px !important;
font-family: 'Ubuntu-Medium'!important;
color: #e9531d;
text-decoration: underline;
font-weight: 500;
}
#EcomOrderPointsToUse {
background: #f6f6f6;
padding-left: 5%;
font-size: 1.5em;
font-weight: 700;
}
/*VOUCHER END*/
.cart-orderline__cell.u-ta-right.dw-mod
{
width:13% !important;
}
/*REVIEW ORDER MOBILE*/
.RemoveOrderLineButton_Mobile
{
border: 0;
background-color: #e9531d00;
margin-left: 5%;
margin-top: 6%;
font-size: 20px;
}
.checkbox-reviewOrder-custom
{
margin-top: 3.5%;
}
.price-reviewOrder-custom
{
margin-top: 3%;
}
/*PRODUCT PAGE MOBILE*/
@media screen and (max-width: 480px)
{
.productPageHorizontalProductInCarousel
{
width: 100% !important;
}
.product-list__grid-item
{
width: 50%;
}
.search-items-btn
{
font-size: 13px !important;
}
.doNotUse
{
margin-left:0px;
}
.decrease_IncreaseQuantityButton_ProductGrid
{
width: 32px !important;
border-radius: 25px;
height: 32px !important;
font-size: 20px;
margin-left: 3px;
margin-right: 3px;
margin-top:0px;
}
.ProductGridQuantity
{
font-size: 20px !important;
margin: -4px !important;
}
.stickers-container__tag.stickers-container__tag--custom.dw-mod
{
font-size: 15px !important;
height: 50px!important;
width: 50px!important;
right: 6px!important;
bottom: 0px !important;
}
.productBtn
{
font-size: 15px !important;
margin-left: 5%;
}
.CustomProductTitle
{
text-align: center;
width: 100%;
}
.product__price-actions-wrap
{
margin-top:4%;
}
.product-details-custom-mobile
{
padding: 2px !important;
}
.product-heading-custom-mobile
{
font-size: 18px;
font-family: 'Ubuntu-Medium';
text-decoration: underline;
text-decoration-color: #808080;
}
.title-mobile-custom
{
font-size:16px;
margin-left: 5%;
}
.emptyCartButton,#CheckoutPageGridNT label
{
font-size:13px;
}
.emptyCartButton
{
width: 100%;
margin-top: 3%;
}
.checkout-mobile-left
{
float:none !important;
}
.checkout-mobile-right
{
float:none !important;
}
.decrease_IncreaseQuantityButton_ReviewOrder_Mobile
{
color:#000 !important;
font-size: 20px;
width: 32px;
border-radius: 25px;
height: 32px;
}
.reviewOrderPageQuantityInput
{
font-size: 20px!important;
margin-top: 5px !important;
}
#miniCartWrapper:active,#miniCartWrapper:focus,#miniCartWrapper:hover,
#miniCardSearch:active,#miniCardSearch:focus,#miniCardSearch:hover
{
border-top:#e9531d !important;
border-bottom:#e9531d !important;
}
.fa-shopping-cart
{
color:#000 !important;
}
#cartCounter
{
margin-left:3px !important;
}
.mini-cart__counter
{
background-color:#fff !important;
}
.js-typeahead-search-field
{
border-radius:20px;
}
.fas.fa-search
{
color:#000;
}
.review-order-mobile
{
float: none !important;
}
.btn-review-order-mobile
{
width:100%!important;
font-size: 13px !important;
}
.total-text-custom
{
width:50%;
}
.decrease_IncreaseQuantityButton_VerticalCarousel
{
font-size: 20px;
width: 32px !important;
border-radius: 25px;
height: 32px !important;
}
.verticalCarouselQuantityInput
{
font-size: 20px!important;
}
.nextArrow-custom-mobile,.nextArrow-custom-feature
{
text-align: right;
background-color: #f1f1f1;
width: 30px;
height: 30px;
border-radius:20px;
padding-right: 12px;
padding-top: 6px;
margin-left: 55%;
}
.prevArrow-custom-mobile,.prevArrow-custom-feature
{
width: 30px;
height: 30px;
border-radius:20px;
text-align: right;
z-index: 10;
background-color: #f1f1f1;
padding-right: 12px;
padding-top: 6px;
margin-left: 115%;
}
.container-Arrow
{
grid-template-columns: 2fr 1fr 1fr;
}
.header-lead-mobile
{
width:98%;
}
.CustomProductTitle h1
{
font-size:26px !important;
}
.item-number
{
font-size:16px !important;
}
.top-container
{
position:fixed;
width:100%;
top:0px;
z-index:999;
}
#Page.page
{
padding-top: 100px;
}
.dropdown__btn.dropdown__btn--small
{
height:38px;
}
.dropdown.u-inline-block.u-flex-grow--1.dw-mod
{
margin-top:5px;
}
/*NAVIGATION MOBILE*/
.menu__item.menu__item--horizontal.menu__item--top-level.dw-mod
{
border-color:#e9531d;
}
.mobile-nav-trigger-button:before
{
color:#000;
}
/*NAVIGATION MOBILE END*/
/*RECIPE MOBILE*/
.recipe-title-mobile
{
font-size: 2rem !important;
}
/*RECIPE MOBILE END*/
}
/*PRODUCT PAGE MOBILE END*/
/*MY ADDRESSES FORM*/
.my-addresses-custom
{
color:#e9531d;
font-family: 'Ubuntu-Medium';
}
.btn-my-addresses-custom
{
font-size: 16px !important;
font-family: 'Ubuntu-Medium'!important;
}
.btn-shipping-address
{
font-size: 18px;
font-family: 'Ubuntu-Medium'!important;
border: 1px solid #e9531d !important;
border-radius: 0.5rem;
}
.btn-shipping-address:hover,.btn-shipping-address:focus
{
background-color: #fff !important;
}
/*MY ADDRESSES FORM END */
/*ADD ADDRESS CHECKOUT*/
form[name=AddressForm] label
{
font-size: 18px;
font-family: 'Ubuntu-Medium';
}
form[name=AddressForm] input
{
background-color: #ededed78 !important;
color: black !important;
border-radius: 10px !important;
font-size: 18px;
font-family: 'Ubuntu-Regular';
}
form[name=AddressForm] select
{
background-color: #ededed78 !important;
color: black !important;
border-radius: 10px !important;
font-size: 18px;
font-family: 'Ubuntu-Regular';
}
.addNewAddressBtn
{
font-size: 16px !important;
font-family: 'Ubuntu-Medium'!important;
}
#ManageAddressModal
{
display: inline-block !important;
}
.addressTitle
{
font-size: 16px !important;
font-family: 'Ubuntu-Bold'!important;
color:#e9531d;
}
/*ADD ADDRESS CHECKOUT END*/
/*REVIEW ORDER*/
.btn-review-order
{
font-family: 'Ubuntu-Medium';
}
/*REVIEW ORDER END*/
/*PRODUCTS GO TO TOP*/
/*.go-to-top-btn*/
#GoToTopButton
{
position: fixed;
bottom: 1%;
right: 12%;
z-index: 100;
font-size: 18px;
background-color: #e9531d;
color: white;
cursor: pointer;
padding: 7px;
font-size: 17px;
border-radius: 10px;
font-weight: 400;
border: 2px solid white;
}
#LoadMoreButton
{
font-family: 'Ubuntu-Medium';
font-size: 18px;
}
.btn--clean
{
font-family: 'Ubuntu-Medium';
font-size: 14px;
color:#e9531d;
}
.btn--clean:active,.btn--clean:hover
{
color:#e9531d;
}
/*PRODUCTS GO TO TOP END*/
/*STICKER*/
.stickers-container__tag.stickers-container__tag--new.dw-mod
{
border-radius: 8px;
background-color: #e9531d;
color: white;
font-size:14px;
}
.stickers-container__tag.stickers-container__tag--medium
{
border-radius: 8px;
background-color: #e9531d;
color: white;
font-size:18px !important;
}
/*STICKER END*/
/*Voucher buttons START*/
.VoucherButton {
padding: 15px;
background-color: #f8f6f6 !important;
border: 1px solid #42424233;
border-radius: 0.5rem;
cursor: pointer;
z-index: 1;
font-family: 'Ubuntu-Medium';
font-size: 16px !important;
color: #000 !important;
border-color: #42424233 !important;
}
.VoucherButton.clicked {
background-color: #fbebe6 !important;
border: 1px solid #ea5925 !important;
}
.fa-message-exclamation:before {
content: "\f4a5";
font-style: initial;
}
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 280px;
color: black;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 999;
border: 2px solid black;
bottom: 100%;
left: 220%;
margin-left: -60px;
background-color: white;
opacity: 0;
transition: opacity 1s;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
@media screen and (max-width: 480px)
{
.VoucherButton {
padding: 5px !important;
}
}
/*Voucher buttons END*/
/*CS NT 20221025..*/
#CheckoutPageGridNT .card .form__field-group {
z-index: 1;
}
.favorites--for-grid-view {
top: 1px;
right: 1px;
}
.comparisonPriceDiv_carousel {
text-align: center;
height:25px;
}
/*..CS NT 20221025*/
/*SHIPPING*/
#ShippingProviderContent
{
margin-left:0px !important;
}
/*SHIPPING END*/
/*FACETS*/
.expand-container
{
margin-bottom:5px;
}
.facets-container.dw-mod .facets-container__header
{
background-color: #e9531d;
border-radius: 8px;
color: #fff;
font-family: 'Ubuntu-Light';
height: 38px;
}
.facets-container.dw-mod .facets-container__header:after
{
color: #fff;
}
.facets-search-input
{
border-radius: 8px;
border: 0px !important;
border-right: 18px solid transparent;
border-radius: 8px;
background-color: #F0F0F0 !important;
font-size: 16px;
font-family: 'Ubuntu-Regular';
}
.facets-container__search
{
margin-left:0px !important;
margin-right:0px !important;
}
.facets-search-input::placeholder
{
/*color:#000; */
}
/*FACETS END*/
/*NOTIFICATION*/
.notification-message-success i
{
color:#e9531d;
}
/*NOTIFICATION END*/
/*CHANGE PASSWORD*/
.change-password-title{
font-size: 50px;
text-align: center;
}
.change-password-header
{
font-size: 18px;
font-family: 'Ubuntu-Medium';
}
label[for=UserManagement_Form_NewPassword],label[for=UserManagement_Form_NewPasswordConfirm]
{
font-size: 18px;
font-family: 'Ubuntu-Medium';
}
.change-password-input
{
background: #F0F0F0 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000014 !important;
border-radius: 8px !important;
height: 48px;
background-color: #F0F0F0 !important;
}
.change-password-btn
{
width: 224px !important;
font-family: 'Ubuntu-Medium';
height: 48px;
margin-top:3px;
align-items: center;
}
.change-password-SignIn
{
font-size: 18px;
font-family: 'Ubuntu-Medium';
}
/*CHANGE PASSWORD END*/
/*Stock Modal*/
#StockAvailabilityBtn {
width: fit-content;
border-radius: 8px;
border-width: 0px;
line-height: 30px;
cursor: pointer;
margin-top: 2em;
font-family: 'Ubuntu-Medium';
font-size:15px;
height:38px;
}
.stock-table-nextech {
border: 1px solid #d3d3d3;
}
.stock-table-nextech td {
border: 1px solid #d3d3d3;
word-break: break-word;
}
.stock-table-nextech th {
color: #fff;
background: #E9531D;
}
.modal-nextech {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 99999; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-content-nextech {
background-color: #fefefe;
margin: auto;
padding: 10px;
border: 1px solid #888;
/*width: 80%;*/
width: fit-content;
border-radius: 7px;
}
/* The Close Button */
.close-nextech {
color: #aaaaaa;
float: right;
font-size: 25px;
font-weight: bold;
}
.close-nextech:hover,
.close-nextech:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
/*VIEW ORDER*/
#OrderPrintBtn, #OrderDownloadBtn
{
color: #e9531d !important;
background-color: #fff;
}
/*VIEW ORDER END*/
/*MY FAVORITES*/
.favorites-buy-all
{
font-family: 'Ubuntu-Medium';
background-color:unset!important;
}
/*MY FAVORITES END*/
/*FACETS*/
.checkbox-facets button
{
background-color: #FFF;
margin-left: 84%;
margin-top: -39px;
z-index: 100;
position: absolute;
width: 22px;
height: 22px !important;
min-height: 20px;
}
.btn--colorbox.checked {
border: 2px solid #FFF;
background-color: #e9531d;
}
@media screen and (max-width: 1350px)
{
.checkbox-facets button
{
margin-left: 81%;
}
}
@media screen and (max-width: 1200px)
{
.checkbox-facets button
{
margin-left: 82%;
}
}
@media screen and (max-width: 1150px)
{
.checkbox-facets button
{
margin-left: 78%;
}
}
@media screen and (max-width: 1000px)
{
.checkbox-facets button
{
margin-left: 76%;
}
}
.header-all-facets label
{
pointer-events:none;
}
.header-all-facets label:after
{
color:#e9531d !important;
}
.btn.btn--colorbox.u-margin-right
{
border-radius:20px;
}
/*FACETS END*/
/*RECIPE should change*/
.content-row__item__body.padding-size-md.padding-position-around.margin-md.margin-position-around.dw-mod
{
margin: 0em !important;
}
.collapsibleTabBuyRecipe
{
width: 85%;
margin-left: 7%;
}
.collapsibleTabRecipeNutritionalInfo
{
margin-top: -28px;
}
.collapsibleTabBuyRecipe
{
margin-top: -30px;
}
/*RECIPE END should change*/
@media screen and (max-width: 480px)
{
.recipeCircle
{
width:85px !important;
height:85px !important;
}
.recipeCircle_divider
{
width: 80%;
margin-left: 10%;
}
}
/*MAIN INFORMATION BUTTONS*/
.product__price-buy-button.productBtn.btn--condensed.btn.btn--primary.dw-mod,#StockAvailabilityBtn
{
width: 60%;
}
.menu-left__link:hover:not(.menu-left__link--level-2)
{
background-color:#e4e4e4 !important;
}
/*MAIN INFORMATION BUTTONS END*/
/*CHECK IF WE DELIVER*/
.check-if-we-deliver-img img
{
margin-top: -50px;
max-width: 115% !important;
}
#Zipcode,#Address,#Housenumber,#City,#AddressList
{
background-color: #ededed78;
color: black;
border-radius: 20px;
font-weight: 500;
font-size: 18px;
font-family: 'Ubuntu-Medium';
}
#Zipcode::placeholder,#Address::placeholder,#Housenumber::placeholder{
color:black;
font-family:'Ubuntu-Medium';
font-size:18px;
}
#City:first-of-type, #AddressList:first-of-type
{
color:black;
font-family:'Ubuntu-Medium';
font-size:18px;
margin-bottom: 0;
}
.checkDeliveryBtn
{
background-color: #e9531d !important;
color: #fff !important;
font-family: 'Ubuntu-Medium';
font-size: 18px!important;
border-radius: 25px !important;
}
/*CHECK IF WE DELIVER END*/
.grid.center-container.center-container--with-background-image
{
border-radius: 20px;
height: 210px !important;
}
/*CHRISTMAS*/
.btn--back
{
font-family: 'Ubuntu-Medium';
font-size: 19px;
color: #e9531d !important;
border: 0;
text-decoration: underline;
position: absolute;
margin-top: -30px;
}
.btn--back:hover,.btn--back:acive,.btn--back:focus
{
color: #e9531d !important;
}
.leaflet-page
{
border:none;
width:100%;
height:1000px;
}
.christmas-page
{
border:none;
width:1224px;
height:5500px;
}
@media only screen and (max-width: 768px) {
.leaflet-page{
border:none;
height:500px;
}
.btn--back {
margin-top: -20px;
}
}
@media only screen and (max-width: 1300px) {
.christmas-page
{
width:1200px;
}
}
@media only screen and (max-width: 1268px) {
.christmas-page
{
width:1180px;
}
}
@media only screen and (max-width: 1200px) {
.christmas-page
{
width:1140px;
}
}
@media only screen and (max-width: 1100px) {
.christmas-page
{
width:1080px;
}
}
@media only screen and (max-width: 1000px) {
.christmas-page
{
width:930px;
height:5000px;
}
}
@media only screen and (max-width: 850px) {
.christmas-page
{
width: 700px;
height: 4500px;
}
}
@media only screen and (max-width: 500px) {
.christmas-page
{
width: 100%;
height: 3800px;
}
}
/*CHRISTMAS END*/
/*CS NT progress bar Free Shipping 20240130..*/
#progressBarFreeShipping {
-webkit-appearance:none;
-moz-appearance:none;
appearance: none;
}
#progressBarFreeShipping {
--color: #4cdd51; /* the progress color */
--background: lightgray; /* the background color */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
width: 100%;
/*margin: 0 10px;*/
border-radius: 10em;
background: var(--background);
height: 0.8rem;
}
#progressBarFreeShipping::-webkit-progress-bar {
border-radius: 10em;
background: var(--background);
}
#progressBarFreeShipping::-webkit-progress-value {
border-radius: 10em;
background: var(--color);
}
#progressBarFreeShipping::-moz-progress-bar {
border-radius: 10em;
background: var(--color);
}
/*..CS NT progress bar Free Shipping 20240130*/
#headerDivWarningNT {
display:none;
width:100%;
margin-top: 2rem;
margin-bottom: 2rem;
color: #e9531d;
padding: 1rem;
text-align: center;
background: black;
}
#headerDivWarningNT span {
font-weight:bold;
}