/*Languages on hover desktop fix? CS NT*/
.dropdown-menu.mouseover {
inset: -4px auto auto 0px !important;
}
@media screen and (max-width: 480px){
/*Mobile mini cart*/
#DynamicOffcanvas {
width: 90%;
}
}
/*FONTS*/
/*CS NT SOS custom fonts can be set from the backend!*/
.menu__link.dw-mod:not(.menu__link--icon) {
font-weight: 600;
font-family: 'Proxima-Nova-Light';
}
@font-face {
font-family: Ubuntu-Light;
src: url('/Files/Templates/Designs/Swift/Assets/fonts/Ubuntu-Light.ttf');
}
@font-face {
font-family: Ubuntu-Regular;
src: url('/Files/Templates/Designs/Swift/Assets/fonts/Ubuntu-Regular.ttf');
}
@font-face {
font-family: Ubuntu-Medium;
src: url('/Files/Templates/Designs/Swift/Assets/fonts/Ubuntu-Medium.ttf');
}
@font-face {
font-family: Ubuntu-Bold;
src: url('/Files/Templates/Designs/Swift/Assets/fonts/Ubuntu-Bold.ttf');
}
@font-face {
font-family: Proxima-Nova-Light;
src: url('/Files/Templates/Designs/Swift/Assets/fonts/Proxima Nova Light/Proxima Nova Light.ttf');
}
@font-face {
font-family: Proxima-Nova-Bold;
src: url('/Files/Templates/Designs/Swift/Assets/fonts/ProximaNova-Sbold-webfont.ttf');
}
@font-face {
font-family: Proxima-Nova-Regular;
src: url('../fonts/ProximaNova-Regular.ttf');
}
@font-face {
font-family: Proxima-Nova-Medium;
src: url('../fonts/Proxima-Nova-Medium.ttf');
}
@font-face {
font-family: Proxima-Nova-SemiBold;
src: url('../fonts/Proxima-Nova-Semibold.ttf');
}
*{
font-family: 'Proxima-Nova-Regular';
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Proxima-Nova-Light';
}
/*FONTS END*/
input[type="checkbox"] {
accent-color: #e9531d;
/*box-shadow: 0px 0px 1px 1px #e9531d;*/
}
.displayNone {
display:none;
}
.alignCenter {
text-align:center;
}
.mr-1 {
margin-right:0.25rem;
}
.cartIconNT {
border: solid 1px gray;
border-radius: 25px;
padding: 0.4rem 0.8rem !important;
}
.productNameDivider {
border-bottom: solid 0.6px #e9e9e9;
padding-bottom: 25px;
}
.favorite-icon .feather-heart-filled {
color: #E9531D !important;
}
.defaultImageFavoriteBtn {
top:-1rem !important;
}
@media (min-width: 1200px) {
.new-nt {
top:-1rem;
left:-1rem;
}
}
@media (max-width: 1200px) {
.new-nt {
top:-0.5rem;
left:-0.5rem;
}
}
@media (max-width: 992px) {
.new-nt {
top:-0.5rem;
left:-0.5rem;
}
}
.productPageHorizontalProductInCarousel .new-nt {
top:0 !important;
}
.new-nt {
border-bottom-right-radius: 30px !important;
font-size: .8em;
height: 2.8em;
width: 2.9em;
padding: 0.35em 0.35em;
text-align: unset;
line-height: 1.5;
/*top: 0;*/
position: absolute;
font-weight: 400;
color: #FFFFFF;
background-color: #E9531D;
--swift-border-color: none;
}
.new-nt::before {
content: "New";
}
.text-decoration-line-through-with-color-nt {
text-decoration: line-through!important;
text-decoration-color: #E9531D !important;
}
.width-33 {
width:33%;
}
.width-30 {
width:30%;
}
.original-price-nt {
font-size: 18px;
font-weight: 500;
color: gray;
}
@media screen and (max-width: 480px){
.stockByShopBtn, .addToCartButtonProdPageNT {
width:9em !important;
}
.stockByShopBtn, #Change {
padding: 0.5rem 0.5rem !important;
}
}
.stockByShopBtn {
margin-top: 0.5rem;
}
.stockByShopBtn, .addToCartButtonProdPageNT {
width:240px;
height:48px;
font-size: 18px;
font-family: 'Proxima-Nova-Medium';
font-weight: normal !important;
}
.stockByShopBtn, #Change {
border: solid 2px #E9531D;
border-radius: 25px;
padding: 0.5rem 2.5rem;
color: #E9531D;
background-color: white;
font-weight: 500;
}
.storeDetailsTitle {
font-size: 1.8em;
font-weight: bold;
margin-bottom: 0.6em;
}
.storeDetailsFontSize {
font-size: 16px;/*or 18px*/
}
.storeDetailsFontSize.storeDetailsFieldBottomMargin {
font-family: 'Proxima-Nova-Regular' !important;
}
.storeDetailsFontSize {
font-family: 'Proxima-Nova-Light';
}
.storeDetailsFieldBottomMargin {
margin-bottom: 1em;
}
/*Careers form CS NT.. */
.CareersFormNT table {
width:100%;
}
.CareersFormNT table input[type="text"] {
width:100%;
border:2px solid #EEEEEE;
}
.CareersFormNT input::file-selector-button {
border: solid 2px #E9531D;
border-radius: 25px;
padding: 0.5rem 2.5rem;
color: #E9531D;
background-color: white;
font-weight: 500;
cursor:pointer;
}
.CareersFormNT table input[type="submit"] {
border: solid 2px #E9531D;
border-radius: 25px;
padding: 0.5rem 2.5rem;
color: white;
background-color: #E9531D;
font-weight: 500;
cursor:pointer;
}
/*..Careers form CS NT*/
/*Contact us and Rewards form..*/
.ContactFormNT input.form-control,
.ContactFormNT textarea.form-control,
.RewardsFormNT input.form-control {
border: 2px solid #EEEEEE;
border-radius: 8px;
margin-bottom: 15px;
}
.ContactFormNT input.form-control, .RewardsFormNT input.form-control{
height: 48px;
}
.ContactFormNT textarea.form-control, .RewardsFormNT textarea.form-control {
height: 144px !important;
}
.ContactFormNT label.form-label, .RewardsFormNT label.form-label {
top:-45px;
font-size:17px;
font-family:'Proxima-Nova-Medium';
font-weight:normal;
}
.ContactFormNT {
margin-right: 25%;
}
@media screen and (max-width: 768px){
/*Tablets and mobile*/
.ContactFormNT {
margin-right: 0 !important;
}
.CareersIconsAndText-NT svg,
.CareersIconsAndText-Mobile-NT svg{
width: 40px !important;
height: 40px !important;
}
.CareersIconsAndText-NT h2,
.CareersIconsAndText-Mobile-NT h2{
font-family: 'proxima-nova-bold';
font-size: 21px !important;
}
.CareersIconsAndText-NT figure,
.CareersIconsAndText-Mobile-NT figure{
width: 40px;
height: 40px;
}
.CareersIconsAndText-Mobile-NT p{
font-family: 'proxima-nova-light';
font-size: 14px !important;
}
.hideForMobileAndTablet {
display:none;
}
.careersAvailablePositionSubTitle {
font-size: 18px !important;
}
.careersAvailablePositionCity {
font-size:16px;
}
.careersAvailablePositionChevrons {
font-size:16px !important;
}
.careerArrowRight {
width:32px !important;
height:32px !important;
}
}
.careersAvailablePositionSubTitle {
font-family: 'proxima-nova-bold';
font-size: 28px;
}
.careersAvailablePositionCity {
font-family:'Proxima-Nova-Light';
font-size:18px;
}
.careersAvailablePositionChevrons {
font-size:28px;
font-weight: 700;
float:right;
}
.careersAvailablePositionLink {
width: 100%;
text-align: left;
border: none;
text-decoration: unset;
display: block;
padding-right: 1rem;
}
.WhyJoinRewardsIcons-NT svg, .CareersIconsAndText-NT svg {
width: 64px;
height: 64px;
}
.WhyJoinRewardsIcons-NT h2, .CareersIconsAndText-NT h2 {
font-family: 'proxima-nova-bold';
font-size: 28px;
}
.WhyJoinRewardsIcons-NT p {
font-family: 'proxima-nova-light';
font-size: 18px;
}
.CareersIconsAndText-NT p{
font-family: 'proxima-nova-light';
font-size: 18px !important;
}
.RewardsFormNT input[type="checkbox"] {
border-radius: 0.075em;
border: solid 1px #e9531d;
width: 16px;
height: 16px;
}
.RewardsFormNT input[type="checkbox"]:checked {
appearance: auto !important;
accent-color: #e9531d;
}
.RewardsTopPhoto-NT {
object-fit: scale-down;
object-position: 50% 50%;
width: 459px;
height: 276px;
margin: 0 auto !important;
}
/*..Contact us and Rewards form*/
/*My account*/
.pointsBalanceDashboard {
color:#E9531D;
font-family: 'proxima-nova-medium';
font-size: 18px !important;
}
.item_swift_hellouser {
border-bottom: 1px solid #d9d9d9;
}
.item_swift_customercenter .csnt_lines .nav-item span {
font-weight: normal !important;
font-size:16px;
}
.item_swift_customercenter .csnt_lines .nav-item.border-top {
border: none !important;
}
.item_swift_customercenter .csnt_lines .nav-item {
border-radius: 8px;
}
.item_swift_customercenter .csnt_lines .nav-item.active {
background:#E9531D;
color: #FFF;
}
/*CheckIfWeDeliver CS NT ..*/
.checkIfWeDeliver_Hidden {
display:none !important;
}
#checkIfWeDeliverModal {
color: #212121;
}
#checkIfWeDeliverModal img {
width: 100%;
}
#checkIfWeDeliverModal .modal-header, #checkIfWeDeliverModal_Result .modal-header {
border-bottom: 0;
}
.modal-header-middle-nt {
margin: 0 auto;
}
#checkIfWeDeliver-zipCode {
border: 2px #EEEEEE solid;
border-radius: 5px;
padding: 0.5em 1em;
font-size: 1.1em;
font-weight: 500;
}
#checkIfWeDeliver-zipCode-readonly, #checkIfWeDeliver-city, #checkIfWeDeliver-cityList, #checkIfWeDeliver-address, #checkIfWeDeliver-addressList, #checkIfWeDeliver-number {
border: 2px #EEEEEE solid;
border-radius: 5px;
padding: 0.2em 0.2em;
font-size: 1.1em;
font-weight: 500;
padding-left: 0.5em;
width: 98%;
}
#checkIfWeDeliverModal .modal-title {
font-weight: 300;
}
#checkIfWeDeliverModal .modal-footer, #checkIfWeDeliverModal_Result .modal-footer {
border-top: 0;
}
/*CheckIfWeDeliver1*/
#CheckIfWeDeliver1,#CheckIfWeDeliver2,#CheckIfWeDeliver3 {
text-align:center;
}
#CheckIfWeDeliver1-innerDiv {
width:80%;
margin: 0 auto;
}
#CheckIfWeDeliver1, #CheckIfWeDeliver1 h3, #CheckIfWeDeliver2, #CheckIfWeDeliver2 h3, #CheckIfWeDeliver3, #CheckIfWeDeliver3 h3 {
font-weight: 400 !important;
}
#CheckIfWeDeliver1-innerDiv label, #CheckIfWeDeliver1-innerDiv input {
width:100%;
text-align:left;
}
#checkIfWeDeliver_nextBtn1, #checkIfWeDeliver_nextBtn2, #checkIfWeDeliver_nextBtn3, #checkIfWeDeliver_Result_continueBtn {
border: solid 2px #E9531D;
border-radius: 25px;
/*padding: 0.5rem 2.5rem;*/
padding: 0.5rem 1.585rem;
color: white;
background-color: #E9531D;
font-weight: 500;
cursor: pointer;
}
#CheckIfWeDeliver1-errorSpan, #CheckIfWeDeliver2-errorSpan {
color:red;
margin-top: 1em;
display: block;
}
.CheckIfWeDeliver2-innerDiv {
width:100%;
}
.CheckIfWeDeliver2-div {
width: 45%;
display: inline-block;
}
.CheckIfWeDeliver2-innerDiv label {
text-align: left;
width: 90%;
}
#checkIfWeDeliverModal label {
font-weight:500;
}
#checkIfWeDeliver_Page2_BackBtn, #checkIfWeDeliver_Page3_BackBtn, #checkIfWeDeliver_Result_BackBtn {
border: solid 2px #E9531D;
border-radius: 25px;
/*padding: 0.5rem 2.5rem;*/
padding: 0.5rem 1.585rem;
color: #E9531D;
background-color: white;
font-weight: 500;
cursor: pointer;
float:left;
}
.modal-footer-multipleButtons {
justify-content: space-around;
}
#checkIfWeDeliverModal_Result-modal-footer {
justify-content: space-around;
}
#dw-form-3 { /*CheckIfWeDeliver Editor's Form*/
height:0;
}
.modal-title-checkIfWeDeliver-result {
padding: 0 1em;
text-align: center;
}
/*..CheckIfWeDeliver CS NT*/
/*Existing Customer..*/
.ExistingCustomertitle{
font-size:52px;
margin-bottom:5%;
text-align: center;
margin: 1em 30%;
font-weight: 400;
line-height: 1.4;
color: #212121;
}
.countryCode{
display:flex;
font-family: 'Ubuntu-Medium';
font-size:18px;
}
.mobileNo{
display:flex;
font-family: 'Ubuntu-Medium';
font-size:18px;
}
.phoneCodeStyle{
border-radius: 8px;
background-color: #F0F0F0;
font-size: 18px;
height: 48px;
font-family: 'Ubuntu-Regular';
border-right: 18px solid transparent;
padding: 6px 12px;
margin-right: 0.5em;
}
#Phone_codes:focus, #Phone_codes {
border: none;
border-right: 18px solid transparent;
}
#Mobile_PhoneNumber {
border: none;
border-right: 18px solid transparent;
}
.mobileNumberStyle{
border-radius: 8px;
background-color: #F0F0F0 !important;
font-size: 18px;
height: 48px;
font-family: 'Ubuntu-Regular';
border-right: 18px solid transparent;
padding: 6px 12px;
}
#DecoySubmitterPhoneNo {
width: 184px;
height: 48px;
color: #fff;
font-size: 18px;
font-weight: normal;
border-width: 1px;
border-color: #e9531d;
border-radius: 0.5rem;
background-color: #e9531d;
}
/*Hides Editor form that sends data to add in*/
#dw-form-4 {
display: none;
}
.rewardcard-below-text {
margin: 2em auto;
font-size: 18px;
}
@media screen and (max-width: 480px){
.ExistingCustomertitle{
font-size:32px;
margin: 1em 0 !important;
}
#ExistingCustomer_PhoneNumber_Div label {
margin-top:1em;
}
#Mobile_PhoneNumber, #Phone_codes {
width:300px;
}
#DecoySubmitterPhoneNo {
/*float:right;*/
margin: 0 !important;
}
#CreateNewAccountButton {
width:100% !important;
}
.otpBox {
width: 45px !important;
height: 45px !important;
}
.displayContentsMobile {
display: contents !important;
}
.productInfoTabBtn {
font-size: 18px !important;
}
.productPageHorizontalCarouselDescription {
/* font-size: 1.75rem !important;*/
font-size: 20px !important;
}
.recipeTabBtn{
vertical-align: middle;
margin-right: 0 !important;
}
}
#ExistingCustomer_CountryCode_Div, #ExistingCustomer_PhoneNumber_Div {
display:inline-block;
}
/*..Existing Customer*/
/*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;
}
.createAccountInput, .editProfileInput, .addAddressInput {
background-color: #ededed78 !important;
color: black !important;
border-radius: 10px !important;
font-size: 18px;
font-family: 'Ubuntu-Regular';
}
.createAccountInput input, .editProfileInput input, .addAddressInput input,
.createAccountInput select, .editProfileInput select, .addAddressInput select {
background-color: #ededed78 !important;
}
.createAccountDiv label, .editProfileDiv label, .addAddressDiv label, .signInDiv {
font-weight: 500;
font-size: 18px !important;
font-family: 'Ubuntu-Medium';
line-height: 1.4;
color: #212121 !important;
opacity: unset !important;
}
.createAccountDiv .required, .editProfileDiv .required, .addAddressDiv .required, .signInDiv .required {
margin-left: 2px;
font-size: 18px !important;
font-family: 'Ubuntu-Medium' !important;
}
.form-control-select-nt, .createAccountInput select, .editProfileInput select, .addAddressInput select {
width:100%;
border-radius: 0.25rem;
color: var(--swift-foreground-color);
display: block;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
/*padding: 0.375rem 0.75rem;*/
padding: 0.45rem 0.75rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
background-clip: padding-box;
}
.form-control-select-nt:disabled {
opacity: 0.7;
}
#find_my_address, #find_my_location,#CreateNewAccountButton {
color: #fff;
font-size: 18px;
font-weight: normal;
border-width: 1px;
border-color: #e9531d;
border-radius: 0.5rem;
background-color: #e9531d;
}
#CreateNewAccountButton {
width: 50%;
font-size: 18px !important;
font-family: 'Ubuntu-Medium' !important;
margin: 0 auto;
}
#my-input-autocomplete {
min-width:55%;
}
/*..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;
}
.otp{
border-radius: 10px;
margin-left: 1%;
margin-right: 1%;
}
.otpBox {
display:inline-block;
width:66px;
height:66px;
text-align:center;
}
#DecoySubmitter{
color: #fff;
font-size: 18px;
font-weight: 600;
border-width: 1px;
border-color: #e9531d;
border-radius: 0.5rem;
background-color: #e9531d;
}
#ResendCodeButton {
background:none;
border:none;
text-decoration:underline;
margin-top:2em;
}
#ResendCodeButton:disabled {
opacity: 0.3;
}
/*..VERIFICATION PAGE END*/
/*CS NT EDIT PROFILE..*/
#UpdateProfileButton {
background-color: #e9531d;
float: right;
border-color: #e9531d;
}
#SendVerificationCodePhone_Profile{
background-color: #d24b1a;
color: #fff;
font-size: 18px;
font-weight: normal;
border-width: 1px;
border-color: #e9531d;
border-radius: 0.5rem;
width: 100%;
margin-top: 5px;
}
/*..CS NT EDIT PROFILE*/
.flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.33333333em;
line-height: 1em;
}
/*CS NT SIGN IN..*/
#SignInButton{
color: #fff;
font-size: 18px;
font-weight: normal;
border-width: 1px;
border-color: #e9531d;
border-radius: 0.5rem;
background-color: #d24b1a;
}
.signInFieldDiv input {
background: #F0F0F0 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000014;
border-radius: 8px;
}
/*..CS NT SIGN IN*/
/*CS NT Handlebars and slots..*/
/*..CS NT*/
/*CS - DW Slot Management, Week Schedule..*/
.triangle-bottom-right {
position: relative;
margin: 0 auto;
width: 72px;
height: 32px;
}
.triangle-bottom-right:before {
content: '';
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 32px 70px 0 0;
border-color: #64B858 transparent transparent transparent;
position: absolute;
}
#delivery-container {
padding: 10px;
min-height: 391px;
}
.from-hour {
position: absolute;
top: 0;
left: 3px;
font-size: 12px;
color: white;
}
.to-hour {
position: absolute;
bottom: 0;
right: 3px;
font-size: 12px;
}
thead th {
text-align: center;
}
/*
.day {
font-weight: normal;
}
*/
.product-list__grid-item.custom .error-message {
width: 100%;
padding-left: 0;
padding-right: 0;
padding-top: 25px;
}
.typeahead-search-field .error-message {
width: 100%;
font-size: 13px;
}
#Cart .error-message {
line-height: 22px;
font-size: 14px;
}
.product-list__list-item.custom {
border: 1px solid #fff;
margin-top: 0.5em;
padding: 0;
}
.product-list__list-item.custom .product-list__details-item.custom {
border: none;
margin-top: 0;
padding: 0;
}
.product-list__list-item.custom .product-list__details-item.custom.u-padding {
padding: 1em;
}
.product-list__list-item.custom .product-list__details-item.custom:hover {
border: none;
}
.product-list__list-item.custom:hover {
border: 1px solid #d3d3d3;
}
.product-list__list-item.custom .lightbox:hover .lightbox__image {
display: block;
top: 0px;
}
.possible {
height: 32px;
}
.break {
flex-basis: 100%;
height: 0;
}
.possible button {
background: #F8F6F6 0% 0% no-repeat padding-box;
border: 1px solid #42424233;
opacity: 1;
width: 100%;
height: 32px;
margin-bottom: 0;
position: relative;
}
.possible button:active,
.possible button:focus,
.possible button.active {
background: #E9531D1A 0% 0% no-repeat padding-box;
border: 1px solid #E9531D;
opacity: 1;
width: 100%;
height: 32px;
margin-bottom: 0;
position: relative;
}
.possible button .fal {
position: absolute;
right: 3px;
bottom: 3px;
font-size: 9px;
}
.no-possible {
height: 32px;
}
.no-possible button {
cursor: not-allowed;
background: #fbfafa;
color: #555;
width: 100%;
height: 32px;
border: 0;
margin-bottom: 0;
position: relative;
}
.no-possible button .fal {
position: absolute;
right: 3px;
bottom: 3px;
font-size: 9px;
}
.week-schedule {
margin-bottom: 0;
}
.week-schedule td,
.week-schedule th {
border: none;
vertical-align: middle;
padding: 1px 1px 1px 1px;
}
.week-schedule tr td,
.week-schedule tr th {
width: 13%;
border: 2px solid white;
}
.week-schedule tr td:first-child,
.week-schedule tr th:first-child {
width: 70px;
}
/*
.week-schedule tr:nth-child(even) {
background: #f1f1f1;
}
.week-schedule tr:nth-child(odd) {
background: #fff;
}
*/
.week-schedule tr {
background: #f1f1f1;
border: 2px solid white;
}
#delivery-header a:hover,
#delivery-header a:active,
#delivery-header a:focus,
#delivery-footer a:hover,
#delivery-footer a:active,
#delivery-footer a:focus {
background: none;
}
.fa-angle-left {
padding-right: 50px;
color: #0C5196;
font-size: 30px;
padding-top: 5px;
}
.fa-angle-right {
font-size: 30px;
color: #0C5196;
padding-top: 5px;
}
.delivery-header,
.delivery-footer {
clear: left;
padding: 10px 0;
}
@media (max-width: 479px) {
.u-hidden-xxs {
display: none !important;
}
}
@media (max-width: 480px) {
.u-hidden-xs {
display: none !important;
}
}
/*..CS - DW Slot Mangement, Week Schedule*/
/*..CS NT Handlebars and slots*/
/*CS NT Slick carousels..*/
/*Slick Carousel.. START*/
.slick-prev:before, .slick-next:before {
display:none; /*Fixes the second arrow*/
}
.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;
}
.before-price{
font-size: 16px;
opacity: 35%;
line-height: 2;
text-decoration: line-through;
}
/* 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;
}
}
.escapeGreekCharactersInProximaNova {
font-family:sans-serif;
}
.recipeCount_div_border {
padding-bottom:1.25rem;
border-bottom:1px solid #eeeeee;
}
.recipeCount_div {
font-family:'Proxima-Nova-Medium';font-size:18px;
}
.productPageHorizontalCarousel,.recipeCarouselMainDiv {
width: 100%;
}
.productPageHorizontalCarousel h4 {
font-weight: 700;
}
.productPageHorizontalProductInCarousel:hover {
background-color: #fafafa;
}
.productPageHorizontalProductInCarousel {
/*height: 380px;*/
height: 425px;
background:#FFF;
border-radius: 5px;
/*
width:90% !important;
padding: 0;
*/
padding: 0 5%;
}
.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,
.productPageHorizontalCarousel .slick-prev:before, .productPageVerticalCarousel .slick-next:before,
.recipeCarouselMainDiv .slick-prev, .recipeCarouselMainDiv .slick-prev:before {
color:black !important;
}
.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;
}
.horizontalCarouselDetailsBlock {
font-family: "Open Sans",sans-serif !important;
text-align: center;
margin-top:1rem;
}
.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: normal;
padding: 8px;
font-size: 2rem;
/*text-align: center;*/
/*margin-bottom: 2rem !important;*/
margin: 2rem 0;
margin-bottom: 0 !important;
font-family: 'proxima-nova-light'
}
.horizontalCarouselProductName {
color: #222;
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 0;
line-height: 1.4;
overflow: hidden;
/*height: 50px;*/
height: 55px;
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;
line-height: 1;
}
}
/*Only show 3 three lines*/
.horizontalCarouselProductName span
{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.productPageHorizontalCarousel .slick-slide, .recipeCarouselMainDiv .slick-slide {
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*/
/*Product Page */
.prodPageTitleNT {
border-bottom: 1px solid #eeeeee;
padding-bottom: 36px !important;
}
.prodPageTitleNT span {
font-size: 32px;
font-family: 'Proxima-Nova-Light';
color: #212121;
font-weight: normal;
}
.prodPageProductNumberNT {
font-size: 18px;
font-family: 'Proxima-Nova-Medium';
}
.prodPageShortDescriptionNT {
font-size: 16px;
font-family: 'Proxima-Nova-Regular';
margin:20px 0;
}
/*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;
margin-top: 0.7rem;
}
/*..CS NT Slick carousels*/
/*CS NT slick carousel changes for Swift.. */
.carouselRecipe {
background: #FFF;
padding:0.5rem;
/*box-shadow: inset 0 0 0 0.5rem #F7F7F7;*/
}
.recipeCarouselMainDiv .slick-slide {
padding:0;
}
.recipeCarouselMainDiv .slider {
/*background: #F7F7F7;*/
padding:0.5rem;
}
.productPageHorizontalCarousel .slick-next .fa-angle-right, .productPageHorizontalCarousel .slick-prev .fa-angle-left,
.recipeCarouselMainDiv .slick-next .fa-angle-right, .recipeCarouselMainDiv .slick-prev .fa-angle-left{
color:black !important;
}
.productPageHorizontalCarousel .js-add-to-cart-button {
background-color:#E9531D;
border-color:#E9531D;
/*margin-top: 1rem;*/
margin-top: 0.5rem;
}
.productPageHorizontalCarousel .js-add-to-cart-button:hover {
color:#E9531D;
background-color:white;
border-color:#E9531D;
}
.productPageHorizontalCarousel img {
margin: auto;
}
.productPageHorizontalCarousel .horizontalCarouselDetailsBlock a {
text-decoration:none;
}
.slick-dots li.slick-active button:before, .slick-dots li button:before {
color:transparent !important;
}
.slick-dots li.slick-active {
background: #E9531D !important;
}
.slick-dots li {
background: #efefef;
border-radius: 10px;
width: 10px !important;
height: 10px !important;
}
/*..CS NT slick carousel changes for Swift*/
/*Stickers CS NT from Rapido..*/
.stickers-container {
position: absolute;
z-index: 1;
flex-direction: column;
display: flex;
}
.stickers-container.stickers-container--top-left {
top: 0;
left: 0;
align-items: flex-start;
}
.stickers-container.stickers-container--top-right {
top: 0;
right: 0;
align-items: flex-start;
}
.stickers-container.stickers-container--bottom-left {
bottom: 0;
left: 0;
align-items: flex-start;
}
.stickers-container.stickers-container--bottom-right {
bottom: 0;
right: 0;
align-items: flex-end;
}
.stickers-container.stickers-container--block {
position: relative;
display: block;
}
.stickers-container.stickers-container--custom {
position: relative;
display: block;
}
.stickers-container.stickers-container--row {
position: relative;
flex-direction: row;
flex-wrap: wrap;
}
.stickers-container__tag {
position: relative;
margin: 0.5em 0;
width: auto;
display: table;
padding: 0.25em 0.5em;
line-height: 18px;
}
.stickers-container__tag--sale {
background-color: #C3423F;
color: #ffffff;
}
.stickers-container__tag--custom {
background-color: #545454;
color: #ffffff;
}
.stickers-container__tag--new {
background-color: #0085CA;
color: #ffffff;
}
.stickers-container__tag--ball {
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
background-color: #a8a8a8;
text-align: center;
border-radius: 200px;
margin: 0.5em;
}
.stickers-container__tag--rounded {
border-radius: 5px 5px 5px 5px;
}
.stickers-container--right {
right: 0.5em;
left: inherit;
}
.product .stickers-container {
margin-left: 0.25em;
}
.stickers-container__tag--micro {
margin: 0.25em;
padding: 0 0.5em;
border-radius: 0;
height: 18px;
line-height: 18px !important;
color: #ffffff;
font-size: 0.8em !important;
text-align: center;
}
/*..Stickers CS NT from Rapido*/
/*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;
}
.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;
}
.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;
}
.grid__cell {
position: relative;
display: block;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
/*STICKER 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*/
.btn-primary-nt {
border: solid 2px #E9531D;
border-radius: 25px;
padding: 0.5rem 1.585rem;
color: white !important;
background-color: #E9531D;
font-weight: 500;
cursor: pointer;
text-decoration: none;
}
.mb-middle-auto-2em-nt {
margin: auto 2em;
}
.mb-middle-auto-3em-nt {
margin: auto 3em !important;
}
.decrease_IncreaseQuantityButton_miniCart {
display: flex;
border-radius: 25px !important;
width: 20px !important;
border: none;
border-radius: 20px;
height: 17px !important;
position: relative;
font-size: 25px;
/*font-weight: 900;*/
font-family: 'Ubuntu-Medium';
display: flex;
padding: 10px;
align-items: center;
justify-content: center;
color: white;
margin-top: 3px;
background: #e9531d;
margin: auto 4px;
}
/*decrease_IncreaseQuantityButton_checkout is used with circleNT at checkout*/
.decrease_IncreaseQuantityButton_checkout {
border-radius: 25px !important;
border: none;
height: 17px !important;
padding: 15px;
}
.decrease_IncreaseQuantityButton_ingredient {
display: inline-flex !important;
border-radius: 25px !important;
width: 48px !important;
border: none;
border-radius: 20px;
height: 48px !important;
position: relative;
font-size: 48px;
display: flex;
padding: 6px;
align-items: center;
justify-content: center;
color: white;
margin-top: 3px;
background: #e9531d;
margin: auto 4px;
vertical-align: middle;
/*
display:inline-flex !important;
border-radius: 25px !important;
width: 25px !important;
border: none;
border-radius: 20px;
height: 25px !important;
position: relative;
font-size: 25px;
font-family: 'Ubuntu-Medium';
display: flex;
padding: 10px;
align-items: center;
justify-content: center;
color: white;
margin-top: 3px;
background: #e9531d;
margin: auto 4px;
*/
}
.ingredientQtySelector {
width:180px;
}
.ingredientCheckbox {
vertical-align: middle;
border-left:none;
width: 40px;
text-align: center;
}
@media only screen and (max-width: 768px) {
.decrease_IncreaseQuantityButton_ingredient {
font-size: 23px !important;
width: 20px !important;
height: 20px !important;
}
.ingredientQtySelector {
width:110px !important;
}
.ingredientCheckbox {
width:30px !important;
}
.recipePageDiv [id^=Quantity] {
font-size: 25px !important;
height: 25px !important;
width: 25px !important;
}
}
.qty-field-miniCart-nt::-webkit-outer-spin-button,
.qty-field-miniCart-nt::-webkit-inner-spin-button,
.ingredient-qty-nt::-webkit-outer-spin-button,
.ingredient-qty-nt::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.qty-field-miniCart-nt {
cursor: default;
padding: .375rem 0.05rem;
}
.qty-field-miniCart-nt:focus {
box-shadow: none;
}
.qty-field-miniCart-nt[readonly] {
background-color:transparent !important;
}
#decreaseQtyButton:focus, #increaseQtyButton:focus,#decreaseQtyButton_ProductPage:focus, #increaseQtyButton_ProductPage:focus {
outline: none;
/*border: 0.2rem solid #000;*/
}
.btn-remove-miniCart-nt {
color:#FFF !important;
background-color:#9a9a9a !important;
border-radius:10px;
}
.btn-remove-miniCart-nt:hover {
color:black !important;
background-color:#FFF !important;
}
/*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;
border-collapse: separate;
border-spacing: 2rem 0;
display: inline;
}
.RecipeTable th, .RecipeTable td, .RecipeTable_AtGrid th,.RecipeTable_AtGrid td{
border: none;
}
.RecipeTable th i {
font-size: 40px !important;
font-weight: 100 !important;
}
.RecipeTable td, .RecipeTable_AtGrid td{
/*font-weight: 900;*/
font-family: 'Proxima-Nova-Semibold';
padding-top: 0;
}
.RecipeTable_AtGrid {
border: none;
width: auto;
border-collapse: separate;
border-spacing: 1rem 0.2rem;
display: inline-table;
text-align:center;
}
.fa-circle {
color:#e9531d;
}
.table-header-recipe {
color: #616161;
font-size: 14px;
padding-bottom: 0;
font-weight: normal;
}
.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;
}
.recipePrintBtn {
border-radius: 20px;
background-color: inherit;
vertical-align: middle;
float: right;
padding: 0.3rem;
border: 1px solid lightgray;
}
.recipeSubtitlesFonts-nt {
font-weight:500;
font-size:2rem;
}
.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 !important;
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: 35px;
}
.pageNumber_Recipe.active{
background: #e9531d;
color: white;
}
.recipeGridChevron {
color: #212121;
font-size: 2rem;
height: 100%;
vertical-align: bottom;
}
.recipeGridChevron i {
vertical-align: -webkit-baseline-middle;
}
.recipeGridChevron-marginright {
margin-right: 2%;
}
.recipeGridChevron-marginleft {
margin-left: 2%;
}
.recipe__section {
padding: 1.2em;
}
.recipeGrid_Pagination a:hover {
color: initial;
border:none;
background-color:#f0f0f0;
}
.pageNumber_Recipe.active:hover {
background-color:#e9531d !important;
}
.recipeGrid_Pagination .page-link {
border:none;
}
.recipeGrid_Pagination {
display:block !important;
text-align: center;
margin: 1rem 0
}
.recipeSpanDots {
margin-right: 5px;
font-size: 30px;
vertical-align: bottom;
}
.recipeGridTitles {
height: 100px;
display: block;
/*white-space: pre-line;*/
overflow: hidden !important;
text-overflow: ellipsis;
text-decoration:none;
padding-top:5px;
}
.IngredientsBoxShadow {
box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
background: #ffffff;
}
.recipeGridName {
/* height: 50px; */
text-transform: none;
text-align: center;
font-size: 18px;
text-decoration: none;
/* font-weight: bold; */
/* word-break: break-all; */
padding: 0 10%;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: 7px;
font-family: 'Proxima-Nova-Medium';
}
.table-header-recipe-img {
width: 20px; height: 20px;
}
#LatestRecipeNT .table-header-recipe-img {
width: 32px;
height: 32px;
}
@media only screen and (max-width: 768px) {
#LatestRecipeNT .table-header-recipe-img {
width: 22px !important;
height: 22px !important;
}
.table-header-recipe-img {
width: 16px !important;
height: 16px !important;
}
/*div[class*='FacetsForm_Mobile_swift_productlistfacets'] .btn-primary{*/
#productListFacetMobileNT {
/*color:red;*/
display:none;
}
#Details.productInfo td {
display: block;
text-align: left !important;
width: 100% !important;
}
#Details.productInfo tr {
border-bottom: solid 1px #d9d9d9 !important;
}
#Details.productInfo .table>:not(caption)>*>* {
border-bottom-width: 0 !important;
}
#recipeListNavigationAndFacetsNT
{
display:none;
}
}
#recipeListNavigationAndFacetsIconNT {
float:right;
}
#facetIconMobileNT {
margin-left: 0.5rem;
}
.recipeTabBtn {
margin-right:0.75rem;
}
.recipeTabBtn, .productInfoTabBtn {
/*
color:black;
background: transparent;
border: none;
font-size: 1.2rem;
font-weight: 600;
*/
color:black;
background: transparent;
border: none;
font-size: 18px;
font-family:'proxima-Nova-Medium';
}
.recipeTabBtnSelected, .productInfoTabBtnSelected {
color: #E9531D !important;
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-thickness: 2px;
}
.productInfo {
padding: 0px 0.5rem;
}
.ingredient-qty-nt {
text-align:center
}
#QuickAddRecipeIngredients, #ReturnToFrontpage {
color:white;
background-color:#E9531D;
}
/*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 {
box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px;
}
.recipePageDiv table {
font-size: initial;
border-bottom: 2px solid #ededed;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width:100%;
}
.recipePageDiv tr {
border-bottom: 1px solid #ededed;
}
.recipePageDiv td {
border: 0 !important;
}
.recipePageDiv #QuickAddSpan {
font-weight: 600;
}
.recipePageDiv [id^=Quantity]{
height: 50px;
/*border: 1px solid #ededed !important;*/
border:none;
padding: 0;
width: 50px;
font-weight: 600;
font-size: 28px;
vertical-align: middle;
}
.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*/
.recipe-title-mobile
{
font-size: 2rem !important;
}
.u-va-middle {
vertical-align: middle;
}
@media only screen and (max-width: 768px) {
.recipe__section {
padding: 0;
}
.recipeSpanDots {
margin-right: 0px;
font-size: 20px;
}
.pageNumber_Recipe {
margin-right: 0px;
}
.recipeGridChevron i {
vertical-align: baseline;
}
.recipeGridChevron {
vertical-align: middle;
}
.recipeGrid_Pagination {
margin: 1.6rem 0 1rem 0;
}
.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%;
}
}
@media screen and (max-width: 480px){
.RecipeTable, #ShopIngredientsTable {
display: contents !important;
}
.table-header-recipe {
font-size: 12px;
padding: 0 1rem;
}
.RecipeTable td {
font-size: 12px;
padding: 0 0.75rem;
}
.recipeCircle {
height:110px !important;
}
.RecipeTable_AtGrid {
border-spacing: 0 0.5rem !important;
}
#LatestRecipeNT {
height: 900px !important;
}
.item_swift_productlistsortby .dropdown-toggle {
display:none;
visibility: hidden;
height: 1px;
padding: 0;
}
}
.nav-item-isNotDesktop-NT .cartIconNT {
border:none !important;
}
.nav-item-isNotDesktop-NT svg {
width: 22px;
height: 22px;
}
.nav-item-isNotDesktop-NT .icon-3 {
background: #e9531d;
padding: 6px;
border-radius: 20px;
width: 33px;
height: 33px;
}
.nav-item-isNotDesktop-NT svg path {
fill: white;
}
#RecipeMethod, #RecipeIngredients, #RecipeNutritionalInformation {
padding: 1rem;
margin-top: 1.2rem;
}
#RecipeIngredients {
background: #f7f7f7;
}
/*CS NT Hotfix because the class is generated from another file dynamically*/
#NavigationGroup_Recipes .py-3 {
padding-bottom: .1rem !important;
padding-top: 0rem !important;
}
#NavigationGroup_Recipes .nav-item.active {
color: #E9531D;
}
/*Lastest Recipe CS NT..*/
#LatestRecipeNT {
height:376px;
margin-bottom: 2rem;
}
.latestRecipe_ViewRecipeBtn_parent_a {
text-align: center;
margin-top: 2rem;
display: block;
}
.latestRecipe_ViewRecipeBtn, .printButton_Receipt {
color: #E9531D;
border: 2px solid #E9531D;
border-radius: 20px;
font-size: 1rem;
padding: 0.5rem 3rem;
font-weight: 600;
}
.latestRecipe_ViewRecipeBtn {
background: #F7F7F7;
}
.latestRecipe_Name_a {
margin-top:30px;
height: 180px;
}
.latestRecipe_Name_a span {
/*font-size: 2rem;*/
font-size: 28px;
}
@media screen and (max-width: 480px){
.latestRecipe_Name_a {
margin-top:15px;
height: 120px;
}
.latestRecipe_Name_a span {
font-size: 1.5rem;
}
.latestRecipe_ViewRecipeBtn_parent_a {
margin-top: 0.5rem;
}
.latestRecipe_ViewRecipeBtn {
margin-bottom: 0.75rem;
}
}
/*..Lastest Recipe CS NT*/
.recipeCategoryCarouselTitle_span {
font-family: 'Proxima-Nova-Light';
font-size: 32px;
}
.recipeCategoryCarouselViewAll_span {
text-align:right;
margin:auto 0;
}
.recipeCategoryCarouselViewAll_span a {
font-family: 'Proxima-Nova-Bold';
font-size: 16px;
}
@media screen and (max-width: 480px){
.recipeCategoryCarouselTitle_span {
font-size: 20px !important;
}
.recipeCategoryCarouselViewAll_span a {
font-size: 14px;
}
}
.recipeCarouselMainDiv .RecipeTable_AtGrid tr {
text-align: -webkit-center;
}
.RecipeTable .fa-circle:before {
content: "\f111";
width: 21px;
height: 21px;
display: block !important;
font-size: 1.2rem;
}
.RecipeTableSubRow {
color: #212121;
font-size: 18px;
font-family: 'proxima-nova-medium' !important;
}
.fa-truck:after {
content: "\2212";
}
.from-to-header {
position: relative;
margin: 0 auto;
width: 72px;
height: 32px;
text-align: center;
}
.from-to-header .from-hour {
left: 0;
}
.from-to-header .to-hour {
right: 0;
}
.from-to-header .from-hour, .from-to-header .to-hour {
font-weight: 600;
width:100%;
color: #212121;
}
.isSelectedInThisRow-active .from-hour, .isSelectedInThisRow-active .to-hour {
color: #E9531D;
font-size: 13px;
}
.selectedSlotOnThisDay-active {
color: #E9531D;
}
.slotTableArrows_span {
background: #ececec;
border-radius: 15px;
}
/*Shipping methods..*/
#ShippingMethodsGroup label, #ShippingMethodsGroup input[type="radio"],
#PaymentMethodsGroup label, #PaymentMethodsGroup input[type="radio"] {
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#ShippingMethodsGroup input[type="radio"],
#PaymentMethodsGroup input[type="radio"] {
opacity: 0.01;
z-index: 100;
cursor: pointer;
}
#ShippingMethodsGroup label, #PaymentMethodsGroup 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;
}
#ShippingMethodsGroup input[type="radio"]:checked+label, .Checked+label,
#PaymentMethodsGroup input[type="radio"]:checked+label
{
background: #F8F6F6;
border: 1px solid #ea5925;
cursor: pointer;
background-color: #E9531D1A;
}
.SelectDeliveryGroupActiveCSS, .SelectPaymentMethodActiveCSS {
background: #F8F6F6 !important;
border: 1px solid #ea5925 !important;
cursor: pointer !important;
background-color: #E9531D1A !important;
}
#ShippingMethodsGroup {
row-gap: 0.5rem;
}
/*..Shipping methods*/
#listandmap_clickandcollect ul {
list-style: none;
padding-left: 0;
}
#summarySidebar {
background:white !important;
}
.border-top-nt {
border-top: 1px solid #E0E0E1 !important;
}
/*CS NT Checkout page collapsibles..*/
.collapse-chevron-icon-nt {
float: right;
height: 2.5rem;
}
.collapse-chevron-icon-nt-inSpan {
height: 1rem;
}
.collapse-chevron-icon-nt, .collapse-chevron-icon-nt-inSpan {
background-color: #333;
/*content: "";*/
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cGF0aCBkPSJtNiA5IDYgNiA2LTYiLz48L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cGF0aCBkPSJtNiA5IDYgNiA2LTYiLz48L3N2Zz4=);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 3rem 3rem;
mask-size: 3rem 3rem;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
width: 3rem;
}
.collapsed .collapse-chevron-icon-nt,.collapsed .collapse-chevron-icon-nt-inSpan {
-webkit-transform: rotate(0deg) !important;
transform: rotate(0deg) !important;
}
#CheckoutDeliveryDiv {
width:100%;
}
#chooseOtherAddressBtn {
padding: 15px;
background: #f8f6f6;
border-radius: 0.5rem;
cursor: pointer;
font-size: 16px;
color: #000;
border: 1px solid #42424233;
}
/*..CS NT Checkout page collapsibles*/
/*CS NT Vouchers..*/
#EcomOrderVoucherApply {
min-width: 100px;
width: 35%;
display: inline;
max-width: 200px;
margin-left: 1rem;
padding: 0.65rem 0;
background: #E9531D;
border-radius: 24px;
border: none;
}
.voucherBtn {
font-weight: 600;
font-size: 1rem;
color: #000;
border: none;
background: transparent;
}
.voucherBtnDiv {
text-align: left;
padding-left: 2rem;
padding: 1rem;
background: #f8f6f6;
border-radius: 0.5rem;
cursor: pointer;
color: #000;
border: 1px solid #42424233;
}
.voucherBtnDiv.clicked {
background: #F8F6F6 !important;
border: 1px solid #ea5925 !important;
cursor: pointer !important;
background-color: #E9531D1A !important;
}
#PointsInputTitle, #VoucherInputTitle,#EcomOrderVoucherCodeField {
font-weight: 600;
}
#PointsInputTitle, #VoucherInputTitle {
margin-bottom:.3rem;
}
/*..CS NT Vouchers*/
.orderSummarySubDivNT {
border: 1px solid gray;
padding: 1rem;
background: #FFFFFF 0% 0% no-repeat padding-box;
position: sticky;
top: 20%;
}
#CartV2\.GotoStep1 {
min-width: 100px;
width: 35%;
display: inline;
max-width: 250px;
padding: 0.65rem 0;
background: #E9531D;
border-radius: 24px;
border: none;
}
@media screen and (max-width: 480px){
#CartV2\.GotoStep1 {
width: 100%;
margin: 0 auto;
}
}
#SelectDeliveryAddressGroup label {
padding: 10px;
background: #f8f6f6;
border-radius: 0.5rem;
cursor: pointer;
z-index: 90;
font-size: 16px;
color: #000;
border: 1px solid #42424233;
margin-bottom: 0.3rem;
}
#SelectDeliveryAddressGroup label.selectedAddress {
background: #F8F6F6 !important;
border: 1px solid #ea5925 !important;
cursor: pointer !important;
background-color: #E9531D1A !important;
}
#SelectDeliveryAddressGroup input {
opacity: 0.01;
}
#StepSummaryUserNT {
background: #f8f6f6;
border-radius: 0.5rem;
cursor: pointer;
color: #000;
border: 1px solid #42424233;
}
#StepSummaryUserNT.billingAddressCSS {
background: #F8F6F6 !important;
border: 1px solid #ea5925 !important;
cursor: pointer !important;
background-color: #E9531D1A !important;
}
.mixAndMatchTitleMainInfo {
border-radius: 10px;
color: #e9531d !important;
background: 0 0;
border: 2px solid #e9531d;
font-size: 18px !important;
font-weight: 600;
line-height: 1.5;
}
.mixAndMatchTitleGrid {
display: block !important;
white-space: unset;
text-align: center;
/*height: 45px;*/
font-size: 1rem;
color: #e9531d;
background: 0 0;
border: 2px solid #e9531d;
border-radius: 2px;
width: 100%;
text-align: center;
border-radius: 10px;
margin-top: 1px;
}
.mixAndMatchTitleGrid, .mixAndMatchTitleGrid_Decoy {
height: 30px;
}
/*CS NT Copied from the internet..for checkout order lines*/
/*circle with cross,dash(minus) and X*/
.circleNT{
position: relative;
margin: 0px;
display: inline-block;
vertical-align: middle;
background: #e9531d;
}
.circleNT:before,
.circleNT:after{
content:'';position:absolute;top:0;left:0;right:0;bottom:0;
}
/* PLUS */
.circleNT.plus:before,
.circleNT.plus:after {
background: white;
}
.circleNT.plus:before{
width: 10%;
margin: 15% auto;
}
.circleNT.plus:after{
margin: auto 15%;
height: 10%;
}
/* MINUS */
.circleNT.minus:before{
background: white;
margin: auto 15%;
height: 10%;
}
/* CROSS */
.circleNT.cross:after,
.circleNT.cross:before{
background: #000;
margin: auto 20%;
height: 10%;
transform:rotateZ(45deg);
}
.circleNT.cross:after{
transform:rotateZ(-45deg);
}
/*circle with cross,dash(minus) and X*/
.left-1_5-rem {
left:1.5rem;
}
.left-3_5-rem {
left:3.5rem;
}
.ta-center {
text-align:center;
}
.cartOrderLine-bin-price-allowSub div{
align-content: center;
}
.totalLinePriceNT {
text-align: center;
font-weight:600;
}
/*CS NT Pagination 20240522..*/
.paginationButton {
/*
display: inline;
font-size: 2rem;
text-decoration: none;
padding: 0.3rem 0.75rem;
*/
font-size: 18px;
text-decoration: none;
padding: 0.5rem 0.3rem;
width: 40px;
height: 40px;
display: inline-block;
}
.paginationButtonActive {
background-color:#E9531D;
color:white !important;
}
/*..CS NT Pagination 20240522*/
.item_productfielddisplaygroupsaccordion_nt .productInfoTabBtn {
margin-right: 1.5rem;
}
.item_productfielddisplaygroupsaccordion_nt table>:not(caption)>*>* {
font-family: 'Proxima-Nova-Bold';
}
/*
#Nutritional_Information .table>:not(caption)>*>* {
border-top-width: 1px;
}
*/
#Nutritional_Information .table>:not(caption)>*>* {
border-bottom-width: 0px;
}
#Nutritional_Information .table tr {
border-bottom-width: 1px;
padding-top: 1px;
display: flex;
}
#Nutritional_Information .table-responsive {
column-count: 2;
-webkit-column-count: 2;
gap: 0;
}
#checkIfWeDeliverBtn {
font-family: 'Proxima-Nova-Bold';
font-size:22px;
}
@media screen and (max-width: 480px){
#Nutritional_Information .table-responsive {
column-count: auto !important;
-webkit-column-count: auto !important;
}
#Nutritional_Information .table td.text-break {
text-align: right;
/*padding-right: 2rem;*/
margin-left:6rem;
}
.item_productfielddisplaygroupsaccordion_nt .productInfoTabBtn {
margin-right: 0 !important;
}
#checkIfWeDeliverBtn {
font-size:14px !important;
}
}
.form-check.mt-1 .form-check-input {
appearance: auto !important;
}
#ChooseDeliveryStore {
padding: 0.25rem;
border-radius: 10px;
}
label[for=ChooseDeliveryStore]
{
font-weight:600;
}
.item_swift_productlistsortby button {
border: solid 1px #D6D6D6;
border-radius: 25px;
padding: 0.5rem 2.5rem;
}
#closeBtn_productListSortNT {
margin: -0.5rem -0.5rem -0.5rem auto;
padding: 0.25rem .75rem !important;
}
/*CS NT Featured brands homepage..Created by yiannis...*/
.carousel-main-description {
color: black;
font-size: 1.5em;
padding: 0 2em;
}
.carousel-main-title {
color: black;
margin-top: 0.25em;
font-weight: 900;
}
/*...CS NT Featured brands homepage..Created by yiannis*/
/*
.featuredBrandsCarouselPadding {
padding: 0 2rem !important;
}
*/
.careerArrowRight {
border-radius: 100px;
width: 56px;
height: 56px;
background: #FFFFFF 0% 0% no-repeat padding-box;
}
.careerArrowRight:hover {
color: #FFFFFF;
background: #E9531D 0% 0% no-repeat padding-box;
}
.careerArrowRight i{
display: flex;
justify-content: center;
margin-top: 0.5em;
}
.recipeCategoryImage:hover {
opacity: 1;
}
.recipeCategoryImage {
height: 100%;
position: absolute;
bottom: 0;
opacity: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
/*background-color: rgb(255 255 255 / 80%);*/
transition: ease 1s;
}
.recipeCategoryImage-title {
height: 16%;
position: absolute;
bottom: 0;
width: 100%;
display: flex;
background-color: rgb(255 255 255 / 80%);
transition: ease 1s;
margin: 0;
padding: 2em;
flex-flow: column;
}
.recipeCategoryImage-title-small {
height: 25%;
position: absolute;
bottom: 0;
width: 100%;
display: flex;
background-color: rgb(255 255 255 / 80%);
transition: ease 1s;
margin: 0;
padding: 1.5em;
flex-flow: column;
}
.recipeCategoryImage-mobile {
height: 100%;
position: absolute;
bottom: 0;
opacity: 1;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
/*background-color: rgb(255 255 255 / 80%);*/
transition: ease 1s;
}
.recipeCategoryImage-title-mobile {
height: 79px;
position: absolute;
bottom: 0;
width: 100%;
display: flex;
background-color: rgb(255 255 255 / 80%);
transition: ease 1s;
margin: 0;
padding: 0.5rem;
flex-flow: column;
}
.recipeVategoryImage-ViewAll {
color: #E9531D !important;
text-decoration:none !important;
}
.recipeVategoryImage-ViewAll-mobile {
color: #E9531D !important;
}
.recipeCategorySmallImageOfThree-mobile {
position:relative;
height: 73px;
padding: 0.5rem;
}
.megaMenuDropDownNT_li .megaMenuDropDownNT {
display:none;/*visibility: hidden; */
}
.megaMenuDropDownNT_li:hover .megaMenuDropDownNT {
display:block;/*visibility: visible; */
}
/*Breadcrumbs*/
.breadcrumbHomeIcon {
vertical-align: inherit;
height: 24px;
}
.breadcrumbHomeIcon svg {
width: 17px;
height: 15px;
}
.marginRightSmall {
margin-right:0.5rem;
}
.lastBreadcrumbNT {
color: #212121 !important;
font-family: 'Proxima-Nova-Medium';/*CS NT added by CS because it is not shown correctly with Regular*/
}
.breacrumbChevronRight {
margin-right: 0.75rem;
margin-left: 0.5rem;
opacity: 0.5;
}
.breadcrumb-item, .breadcrumb-item a {
font-size:16px;
color: #6F6F6F;
text-decoration: none !important;
}
.breadcrumb-item+.breadcrumb-item:before {
content: "";
}
.breadcrumbNoLink {
color: #212121 !important;
}
.collapse.show[id^=FacetGroup_] {
max-height: 285px;
overflow-y: auto;
}
.menu_recipesmainpage a , [id^=FacetGroup_] span {
font-size: 14px !important;
}
#NavigationGroup_Recipes {
margin-top:0.8rem;
}
.facetGroupRecipeTitle {
margin-top:0.5rem;
margin-bottom:0.8rem;
}
.facetLabelNT {
min-height: 1.5rem;
}
.facetLabelNT input[type="checkbox"] {
border-radius: 0.075em;
border: solid 1px #e9531d;
width: 18px;
height: 16px;
}
.facetLabelNT input[type="checkbox"]:checked {
appearance: auto !important;
}
/*Slider Frontpage*/
/*
.slider-nav.slider-nav-next {
margin-right: 10rem !important;
margin-left: 0 !important;
}
.slider-nav {
margin-left: 10rem;
}
*/
.slider-nav-prev-NT::before, .slider-nav-prev-NT::after,
.slider-nav-next-NT::before, .slider-nav-next-NT::after {
content:none !important;
}
.slider-nav-prev-NT, .slider-nav-next-NT {
filter: none !important;
}
.Stores-Page-Slider-NT .arrowWithMarginNT svg {
padding:10px;
}
.Stores-Page-Slider-NT .slider-nav-next-NT.arrowWithMarginNT {
margin-right: 2rem !important;
}
.Stores-Page-Slider-NT .slider-nav-prev-NT.arrowWithMarginNT {
margin-left: 2rem !important;
}
.slider-nav-prev-NT.arrowWithMarginNT {
margin-left:4rem;
}
.slider-nav-next-NT.arrowWithMarginNT {
margin-right:4rem;
}
.slider-nav::before {
background-color: #f8f8f8 !important;
border-radius: 25px;
}
.slider-nav::after {
background-color: black !important;
}
.FeaturedBrandsNT img {
width: 50%;
border-radius: 10px;
}
.featuredBrandsMobileLink {
text-decoration:none;
}
.featuredBrandsLi_mobile {
max-width:156px !important;
}
@media (max-width: 62rem) {
.slider-nav-outside-expand .slider-container {
margin: 0 !important;
}
}
/*
.FeaturedBrandsNT .slider-nav.slider-nav-next {
margin-right:0 !important;
}
*/
/*About us*/
.About-us-accordion-NT {
h2.h2.mb-4 {
font-family: 'proxima-nova-bold';
font-size: 28px !important;
}
.mb-4 {
margin-bottom: 0 !important;
}
.accordion-item {
border: 0;
border-bottom: 1px solid rgb(255 255 255);
margin-top: -40px;
}
.accordion-button {
background-color: transparent;
}
.accordion-button:after, .accordion-button:not(.collapsed):after {
mask-size: 2rem 2rem;
}
.accordion-body {
padding: 0;
padding-bottom: 20px;
opacity: 1 !important;
}
}
.About-us-accordion-NT.item_swift_image img{
max-width: 58px !important;
}
.About-us-MeetOurTeam-NT {
.accordion-item {
border: 0;
border-bottom: 2px solid rgb(0 0 0 / 60%);
}
h2 {
font-family: 'proxima-nova-black';
}
button.accordion-button.collapsed, .accordion-button:not(.collapsed) {
font-size: 40px;
font-weight: 600;
padding: 55px 1.25rem 40px 1.25rem;
}
.accordion-button:after, .accordion-button:not(.collapsed):after {
mask-size: 2rem 2rem;
}
.accordion-body {
padding-bottom:30px;
}
}
/*About us end*/
/*Titles NT*/
.Homepage-Titles-SmallOnMobile-NT h2,
.latestRecipeTitle span {
font-family: 'proxima-nova-light';
font-size: 32px;
font-weight: normal;
}
@media screen and (max-width: 480px){
.Homepage-Titles-SmallOnMobile-NT h2,
.latestRecipeTitle span{
font-size: 20px;
}
.productListSortNT {
width:100%;
inset: 5rem auto auto 0px !important;
border: solid 1px #E9531D;
}
}
.Homepage-Titles-NT h2 {
font-family: 'proxima-nova-light';
font-size: 32px !important;
font-weight: normal;
}
/*Hotfix for slider button colors CS NT on Stores page eng and greek*/
#page1872 .swiffy-slider .slider-nav-next-NT span,
#page1872 .swiffy-slider .slider-nav-prev-NT span,
#page1907 .swiffy-slider .slider-nav-next-NT span,
#page1907 .swiffy-slider .slider-nav-prev-NT span {
/*white*/
/*filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg) brightness(109%) contrast(109%);*/
background: white;
border-radius: 50px;
padding: 0.25rem;
}
.megaMenueHeaderNT {
font-size: 18px;
font-family: 'Proxima-Nova-Bold';
}
.menu_shop .nav-item.active a.dropdown-toggle span,
.menu_shop .nav-item.active a.nav-link.active span {
color: #E9531D;
}
.dropdown-menu.megamenu a:hover {
color: #E9531D !important;
text-decoration:none !important;
}
#FacetsModal .btn.btn-primary {
border: none;
background:#E9531D;
}
.nav-item .nav.sub-nav .nav.sub-nav .nav-item .nav-link .flex-grow-1 {
text-transform: none;
}
.nav-item .nav.sub-nav .nav.sub-nav .nav-item .nav-header .nav-link .flex-grow-1 {
text-transform: uppercase !important;
}
.addToCart-search-dropdown {
padding-bottom: .5rem !important;
padding-top: 0;
}
.addToCart-search-dropdown div .js-add-to-cart-button,
.addToCart-search-dropdown div .js-add-to-cart-button:hover {
background-color: #e9531d;
border: .0833rem solid #00000000;
color: #ffffff;
padding: 0.25rem 0 !important;
font-size: 0.75rem;
}
/*Fix mobile arrows on image -> Product page on image click*/
.carousel-inner .carousel-control-next-icon, .carousel-inner .carousel-control-prev-icon {
height: 2rem;
width: 2rem;
}
.customStickerDivNT {
bottom:0;
left:0;
}
.orderlineStockErrorNT {
color: red;
}
#passwordChangedDiv_ChangePassword {
background: #e9531d;
color: #FFF;
border-radius: 5px;
}