@media (min-width: 1200px) { 
    .largerSpacing {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}
#btnPriceTotal{
    /*display:none!important;*/
    }
    
.product-details  .js-group .row .col-12.col-lg-6.order-5 {
    display:none!important;
    }

.product-details  .col-12.mb-4 .row.g-0.g-lg-4.g-xl-0 {
    /*display:none!important;*/
    }

/*.properties-product__stock{*/
/* display:none;*/
    
/*}*/

.iso-standards-banner{
    display:none;
    }

.eshop-keypoints{
    display:none!important;
}

/*.properties-product .bg-orange{*/
/*background-color: #ffffff!important;    */
/*}*/
@media only screen and  (max-width: 767px) {
    .properties-product__stock {
        font-size: 12px;
    }
}
/*not the best way to handle things here */
@media only screen and  (max-width: 767px) {
  .mobile-white-bg {
    padding-top:2em;
    padding-bottom:2em;
    background-color: white;
  
  }
.mr-15{
    margin-right:15px;
    }

/*  .footer .footer__section:nth-child(3) {*/
/*position: relative;*/
/*    bottom: 4.5em;}*/
/*  .footer .footer__section:nth-child(1) {*/
/*position: relative;*/
/*    bottom: 4.5em;}*/
/*      .footer .footer__section:nth-child(2) {*/
/*position: relative;*/
/*    bottom: 4.5em;}*/
    /*.col-auto:nth-child(1){*/
    /*position: relative;*/
    /*bottom: 1em;*/
    /*    }*/
  .footer .container {
      padding:0;
      margin:0;
      }
.col-12.mb-6{
         margin-bottom: 0px!important; 
          }
          
    .bg-footer{
        background-color:black;
        }   
    .bg-footer    .row.justify-content-between{
        background-color:black;
        }  
}

.landing-cookware .banner-landing__pagination.swiper-pagination-bullets{
    pointer-events: none;  
    }
    
.landing-cookware .banner-landing__pagination .swiper-pagination-bullet   {
    pointer-events: auto;
    }    
    
/*Pandelis to solve the QA issue with the slider not functioning properly on Firefox*/
input[type="range"] {
    pointer-events: none;
}

input[type=range]::-moz-range-thumb {
    z-index: 10; 
    pointer-events: all;
}

.slider-doble > div > .slider-doble__thumb::-moz-range-thumb {
     z-index: 10; 
    pointer-events: all;
    position: absolute;
}


.blog-content--recipe li{
     list-style-type: none; 
    }  
    
    
/*Pandelis for svg on OnSocial icons*/
.icon {
    display: block;
    margin: auto;
    margin-top: 5px;
}

/*Pandelis for the logo icon hover red underline effect */
.pal-logo {
    height: 150px;
}



.menu-item {
    margin-right: 5px;
}

.text-dec {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
   /*Control the overflow of line*/
}

.text-dec:hover::after {
  content: "\00A0";
  position: absolute;
  text-decoration: underline;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  letter-spacing: 1000px;
  fill: #DD001B;
}

a:hover .pal-logo,
a:focus .pal-logo {  
    fill: #DD001B;
}


/*Pandelis for the PAL svg on the homepage under the Home bundle under BusinessUnits elements*/
.title-effects {
    background-size: contain;
    display: block;
}

.card-business-units__name2 img {
    filter: brightness(100%) grayscale(2) contrast(16) invert(0%);
     /*filter: brightness(100%) grayscale(2) contrast(16) invert(100%);*/
}


.title-effects3 {
    background-size: contain;
    display: block;
    transform: scale(2.2);
}

/*Pandelis on small devices(iphone X)*/
@media only screen and (max-width: 767px) {
    /*Pandelis for the icons grid on homepage on iphone X to be two in each row each of one*/
    .social-responsability > * .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
     /*Pandelis for the CTA in Inovative Section of Packaging page to be full width*/
     .banner-innovative__content > * .button-primary {
        width: 100%;
    }
     /*Pandelis for the CTA in Sales&Distrbution Section of Packaging page to be full width*/
    .sales-and-distribution > * .button-primary {
         width: 100%;
    }
    /*Pandelis for the CTA buttons in Inovative Section of Packaging page to be full width*/
    .about-us-landing > * .button-primary {
        width: 100%;
    }
    
    /*Pandelis for the Kitchen Accesories CTA on the homepage*/
    .kitchen-accessories >* .button-primary {
        width: 100%;
    } 
    /*Pandelis for the appearance of the search menu on small devices to be exactly as in the designs*/
    /*.col-auto.navbar-brand.d-flex.align-items-center.header__brand {*/
    /*    visibility: hidden;*/
    /*}*/
    
    /*Pandelis to remove the focus visible effects from the search bar*/
    /*Use of important Maybe fix later*/
    .header__search input:focus-visible {
         outline: unset!important;
    }
    .header__search input[type=search],
    .header__search input[type="search"]::-webkit-search-decoration,
    .header__search input[type="search"]::-webkit-search-cancel-button,
    .header__search input[type="search"]::-webkit-search-results-button,
    .header__search input[type="search"]::-webkit-search-results-decoration {
       -moz-appearance:none;
       -webkit-appearance:none;
    }
    
    /*Pandelis for Top Offers on Homepage all cards should have he same height*/
    .swiper-slide-next > .card-product {
        height: 447px;
    }
    
    .swiper-slide-active {
        height: 447px;
    }
    
    .card-product {
        height: 447px;
    }
}

.col.d-flex::placeholder {
    color: #F2F2F2;
}


@media (min-width: 768px) {
    .card-taste .mb-5.card-taste__paragraph{
        margin-bottom: 1em!important    
    }
    .card-taste {
        width: 624px;
        /*height: 86%;*/
    }
}

/*Pandelis for the linear-gradient size on the cookware page in the taste playlist*/
.landing-cookware__taste {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(54%,var(--light-purple)),color-stop(0,var(--gray)));
    background: linear-gradient(180deg,var(--light-purple) 60%,var(--gray) 0);
}

/*Pandelis for the News and Events Card that had text outside the card on all devices*/
.card-news-vertical {
    height: 500px;
    max-height: 464px;
}
.card-event-vertical {
    height: 500px;
    max-height: 464px;
}

/*Pandelis for the inline PAL logo on the About Us page on small devices*/
#about-pal-display {
    display: block;
}

.menu-vertical-arrow__menu-item.mb-3 > a {
    display: block;
}

/*Pandelis for the background of the About Us section*/
.bg-gray {
    background-color: #efefef;
}

.card-location-details .col-12.col-md-auto .icon{
    margin:0;
    margin-bottom: 0.1em;
    }
.events-details__date-time p .icon{
    margin:0;
    margin-bottom: 0.2em;
    }
.news-details__date .icon{
    margin:0!important;
    /*margin-bottom: 0.2em;*/
    }
.content-pagination .pagination li:last-child a {
        padding:0;
    }
#resultLandingNewsAndEvents .page-item:first-child, #resultLandingNewsAndEvents  .page-item:last-child {
        position: relative;
        bottom: 0.5em;
        display: flex;
      }
     
#resultLandingNewsAndEvents     .content-pagination .pagination li:last-child a::after{
    left: 0.9em;
    top: 0.4em;
    position: relative;
    }
@media only screen and (max-width: 767px){
.content-pagination .pagination li {
    position: initial;
    /* top: -9999px; */
    padding: 0.5em;
    /* left: -9999px; */
}

}
.column-sticky-container.pe-2 .click-area{
color:unset;
text-decoration:unset;
    
    }
.nav-recipes-category .swiper-slide {
    width: auto;
    max-height: 60px;
}  
.card-recipes__recipe-info {
    max-height: max-content;
    width: auto;
    bottom: 0;
}
.card-recipes__recipe-info .icon {
    display: unset;

}
.title--extrabold h6 {
    font-weight: 700;
}
.card-news-horizontal__content .card-news-horizontal__date .icon {
    display: unset;
    
}

/******
* Product listing - horizontal grid
*******/
.card-product-grid .card-product-grid-horizontal-grid {
    display: none;
}
@media all and (min-width: 768px) {
    .card-product-grid-horizontal {
        width: 100%;
        height: 200px;
        margin-right: 0;
        padding: 10px 20px !important;
    }
    .card-product-grid-horizontal img {
        width: auto;
        max-width: 187px;
        height: 180px;
    }
    .card-product-grid-horizontal .card-product-grid-horizontal-grid {
        flex: 0 300px;
        display: block;
    }
    .card-product-grid-horizontal .card-product-grid__title__wrapper { 
        display: flex;
        align-items: center;
    }
    .card-product-grid-horizontal .card-product-grid__title__wrapper-grid .card-product-grid__title {
        min-height: auto;   
    }
    .card-product-grid-horizontal .card-product-grid__paragraph {
        height: auto; display: flex; align-items: center; margin-right: 40px;
    }
    .card-product-grid-horizontal .card-product-grid__price__wrapper {
        display: flex; align-items: center; justify-content: flex-end; flex: 0 !important;
    }
    .card-product-grid-horizontal .card-product-grid__image, 
    .card-product-grid-horizontal .card-product-grid__price__wrapper,  
    .card-product-grid-horizontal .card-product-grid__title__wrapper, 
    .card-product-grid-horizontal .card-product-grid__paragraph {
        flex: 1;
        margin-bottom: 0 !important;
    }
    .card-product-grid-horizontal .card-product-grid__title__wrapper, 
    .card-product-grid-horizontal .card-product-grid__paragraph {
        display: none;
    }
    .card-product-grid-horizontal .card-product-grid__title__wrapper-grid {
        margin-top: 40px;
    }
    .card-product-grid-horizontal .card-product-grid__paragraph-grid {
        margin-bottom: 40px;
    }
    .card-product-grid-horizontal .card-product-grid__image {
        min-height: 180px;   
    }
}

@media all and (min-width: 1200px) {
    .card-product-grid-horizontal .card-product-grid-horizontal-grid {
        flex: 0 500px;
    } 
}
@media all and (min-width: 1400px) {
    .card-product-grid-horizontal .card-product-grid-horizontal-grid {
        flex: 0 640px;
    }    
}

@media (min-width: 992px) {
  .products-list-sidebar {
    overflow: hidden;   
  } 
}

.capitalize{
        text-transform: capitalize;
    }
@media only screen and (max-width: 767px){
.swiper-slide-active {
    height: auto;
}
}
.langswitch.active{
    pointer-events:none;
    }