/** Shopify CDN: Minification failed

Line 829:57 "max-heigth" is not a known CSS property
Line 1743:46 Unexpected "}"
Line 2185:57 Expected identifier but found whitespace

**/
/* body and main */

html, body{
  margin: 0;
  padding: 0;



}



body{width:100vw; max-width:100vw; min-width:100vw; overflow-x:hidden; position:relative}

#MainContent{z-index:1}

#background_wrap{ content:""; position:fixed; z-index:0; top:0; bottom:0; right:0; left:0; width:100%; height:100vh;
 background-image:url(//chimac.ie/cdn/shop/t/2/assets/chimac-bg-1.png?v=63219512784399492491761667665);  background-position:center; background-size:cover; background-repeat:no-repeat;
   }

section{display:block;  width:100%; max-width:100vw; min-width:100%; z-index:2; position:relative}
.page-grid{display:block; width:100%; height:100%; max-width:1400px; margin-right:auto; margin-left:auto; padding-right:30px; padding-left:30px;  }
.no-grid{display:flex; flex-direction:row; width:100vw; min-height:100vh; }
.flex-col{display:flex; flex-direction:column; min-width:50%; max-width:50%; min-height:100%; height:100%;     margin-top: auto;
    margin-bottom: auto;}
.flex-col-inner{display:flex; flex-direction:column; min-width:100%; max-width:100%; min-height:100%; height:100%; align-items:center; justify-content:center;}

   .page-row{display:flex; flex-direction:row;}
.page-col{display:flex; flex-direction:column; min-width:50%; max-width:50%; }
.page-col-inner{ display:flex; flex-direction:column;   padding: 20px 20px 40px; height:100%} 


.page-col-inner p {max-width:45ch}
   

.page-col-inner img{margin:auto}
   
.centered{text-align:center;     max-width: 75ch; min-width: 75ch;
    margin-right: auto;
    margin-left: auto; min-width: 75ch;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;}


    .centered-wide{text-align:center;     max-width: 100ch; 
    margin-right: auto;
    margin-left: auto;     min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;}


.sauces-image-cont{height:100%; width:100%; position:relative;}

.sauces-link{width:100%; height:100%;}

.saucie{    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}


.centered-flex{  height:100%;
    justify-content: center;}    

    .flex{display:flex}
    .overflow-hidden{    overflow: hidden;}

    .margin-bottom{margin-bottom:10vh}
    .margin-top{margin-top:10vh}
    .margin-auto{margin-right:auto; margin-left:auto}

      .padding-bottom{padding-bottom:10vh}
    .padding-top{padding-top:10vh}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

*{    box-sizing: border-box; font-family: 'proxima-soft';
    }




img{    width: 100%;
  
    display: block;}
    




.btt-prim{width:100%; max-width:350px; height:100%; max-height:60px; display:flex; flex-direction:row; align-items:center; justify-content:center; 
          font-size:18px; border-radius:60px; margin-top:2vh; margin-bottom:2vh; text-decoration: none; font-family: 'proxima-soft' !important; letter-spacing: 0.03em;
         transition: all 0.3s ease;  text-transform:uppercase;     cursor: pointer; }


.btt-secondary{width:100%; max-width:300px; height:100%; max-height:40px; min-height:40px; display:flex; flex-direction:row; align-items:center; justify-content:center; 
          font-size:18px; border-radius:60px; margin-top:2vh; margin-bottom:2vh; text-decoration: none; font-family: 'proxima-soft' !important; letter-spacing: 0.03em;
         transition: all 0.3s ease;   text-transform:uppercase;  cursor: pointer;}

.btt-thin{width:100%; max-width:250px; height:100%; max-height:30px; display:flex; flex-direction:row; align-items:center; justify-content:center; 
          font-size:16px; border-radius:60px; margin-top:2vh; margin-bottom:2vh; text-decoration: none; font-family: 'proxima-soft' !important; letter-spacing: 0.03em;
         transition: all 0.3s ease;  text-transform:uppercase;    cursor: pointer;}


         .btt-nav{    font-size: 14px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 500px; text-decoration: none; font-family: 'proxima-soft' !important; letter-spacing: 0.03em;
         transition: all 0.3s ease;  text-transform:uppercase;    cursor: pointer; display:block
}

      .btt-nav:hover{   cursor: pointer;}


.pink-fill{background:var(--pink); border: 1px solid var(--pink); color: #fff;}
.pink-fill:hover{background: white;  color: var(--pink); }
.blue-fill{background:var(--blue); border: 1px solid var(--blue); color: #fff;}
.blue-fill:hover{background: white;  color: var(--blue); }

.pink-outline{background: transparent; border: 1px solid var(--pink); color: var(--pink);}
.pink-outline:hover{background:var(--pink);  color: #fff;}

.blue-outline{background: transparent; border: 1px solid var(--blue); color: var(--blue);}
.blue-outline:hover{background:var(--blue); color: #fff;}


/*root*/


:root {

--blue: #10069F;
--lightpink: #F6AFCE;
--lightblue: #8FCBEF;
--pink: #EE365C;
--offwhite: #F8F2E8;
--grey:#D6D6D6;
  
}







/* type */






  
  @font-face {
    font-family: 'publicnotice';
   src: url('https://cdn.shopify.com/s/files/1/0563/6109/1177/files/publicnotice.ttf?v=1663339673') format('truetype');

  
    font-weight: normal;
    font-style: normal;
}  





    @font-face {
    font-family: 'iconfont';

    src: 
    url('https://cdn.shopify.com/s/files/1/0563/6109/1177/files/fa-solid-900.woff2?v=1668509253') format('woff2');
  
    font-weight: normal;
    font-style: normal;
}  







.btn-default span{color:#fff}
.btn-default:hover span{color: var(--blue); }



  



  @font-face {
font-family: proxima-soft, sans-serif;
font-weight: 400;
font-style: normal;
}  
  @font-face {
font-family: proxima-soft, sans-serif;
font-weight: 700;
font-style: normal;}
  



.rounded-right{border-top-right-radius: 20px;  border-bottom-right-radius: 20px; }
.rounded-left{ border-top-left-radius: 20px;  border-bottom-left-radius: 20px; }
.rounded-top{border-top-right-radius: 20px;  border-top-left-radius: 20px; }
.rounded-bottom{ border-bottom-right-radius: 20px;  border-bottom-left-radius: 20px; }












h1{font-family:"publicnotice"; font-size:72px; color: var(--blue);     line-height: 1.2em;}
h2{font-family:"publicnotice"; font-size:36px; color:   var(--blue);     line-height: 1.2em;}
h3{font-family:"proxima-soft"; font-weight: 700; font-size:28px; color:  var(--blue);     line-height: 1.2em;}
h4{font-family:"publicnotice"; font-size:24px;  color:  var(--blue);     line-height: 1.2em;}
h5{font-family:"proxima-soft"; font-weight: 700; font-size:20px; color:  var(--blue);     line-height: 1.2em;}
h6{font-family:"proxima-soft"; font-weight: 400; font-size:20px; color:  var(--blue);     line-height: 1.2em;}
p{font-family:"proxima-soft"; font-weight: 400; font-size:16px; color: var(--blue); line-height: 1.3em;}
p strong{font-family:"proxima-soft"; font-weight: 700; font-size:16px; color:  var(--blue); line-height: 1.3em; }
strong{font-family:"proxima-soft"; font-weight: 700;}

ol{font-family:"proxima-soft"; font-weight: 400; font-size:16px; color: var(--blue); line-height: 1.3em;}
ul{font-family:"proxima-soft"; font-weight: 400; font-size:16px; color: var(--blue); line-height: 1.3em;}
li{font-family:"proxima-soft"; font-weight: 400; font-size:16px; color: var(--blue); line-height: 1.3em; margin-top:10px; margin-bottom:10px}

li p{margin-top:0px; margin-bottom:0px;}

h7{font-family:"proxima-soft"; font-weight: 700; font-size:14px; color: var(--blue); line-height: 1.3em;}
a{text-decoration:none !important}



.pink{color: var(--pink) !important}

a p{margin-bottom:0px;  font-family:"proxima-soft" !important;}
  .basic-link {  display: inline-block; position: relative;     text-decoration: none; font-family:"proxima-soft" !important; color:inherit}

.basic-link:after {

  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: var(--blue);
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0%;
}
.basic-link:hover:after{
  width: 100%; 
  left: 0; 
}



/* nav */

#nav-desktop{background:#fff}


.nav-col{width:33.333%;     display: flex
;     flex-direction: column;
}


.nav-grid img{height: 100%;}

.nav-grid{padding-top: 20px; padding-bottom: 20px; display: flex; flex-direction:row; }
.nav-grid img{max-width:70px;}

.nav-cart{self-align:flex-end;  position:relative}




.desk-nav-links{    display: flex;
    align-items: center;
    justify-content: space-between; width:80%; margin-left:auto }

.desk-nav-links p{margin-top:0px; font-size:14px}
.desk-nav-links p  strong{margin-top:0px; font-size:14px}

.cart-img{max-width: 40px !important; padding-bottom: 10px;
    margin-left: auto;
}



/* landing */



#landing{background-color:var(--lightpink); }
#landing h1{ margin-right:auto; margin-left:auto; text-align:center; margin-bottom:0px; }
#landing h5{margin-bottom:0px; margin-top:0px;}
#landing .btt-thin{margin-bottom:7px; margin-top:7px;}

.swiper {
    width: 100%;
    height: 100vh;
}

.swiper-slide{background-position:center; background-size:cover; background-repeat:no-repeat; min-height:100%; min-width:100%;  }

  

  
  .graphic-cont{ position: relative;}
  
.graphic-cont img  { position: absolute;width: 200px; top: -100px; z-index: 20; left: -100px; height:auto}


  /* home about */

#about-home{background-position:center; background-size:cover; background-repeat:no-repeat; background-color:var(--lightpink); /* background-image:url(//chimac.ie/cdn/shop/t/2/assets/chimac-bg-1.png?v=63219512784399492491761667665)*/   background-attachment: fixed; padding-top:10vh; padding-bottom:10vh}  


  /* home menus */




.slideshow {
    overflow: hidden;
    position: relative;
    width: 100%; /* Ensure the slideshow takes up the full width */
    will-change: transform;
}

.ticker-wrapper {
    display: flex;
    white-space: nowrap;
    will-change: transform;
}

.ticker-content {
    display: flex;
    animation: scroll linear infinite;
}

.slide {
    flex-shrink: 0;
    will-change: transform;

}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}






.slide {
  width: 23vw;
  max-resolution: 4vw;
  margin-right: 4vw;
  text-align: center;
  height: 60vh;
  border-radius:20px; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center;}

  .slide img{width:100%; height:auto; border-radius:20px; }

  .flickity-button{display:none}






#home-menus{background-color:var(--blue);  }

  .menu-slideshow{ padding-top: 10vh;}
  


.menu-cont{    background: white;
    padding-top: 20px;
   padding-bottom: 20px;
    border-radius: 20px;
    display: flex;    flex-direction: column;
    margin-bottom:10vh;     
    margin-left: auto;
    margin-right: auto;}

.home-menu-row{display: flex;
    flex-direction: column; max-width:50%;
       align-items: center;
    justify-content: space-between;  padding:20px;   } 

.home-menu-row:first-of-type{border-right: 1px solid var(--blue);}
    

    .home-menu-row h2{margin-top:0px; margin-bottom:0px; }
  .home-menu-row h4{margin-top:0px; margin-bottom:0px; }
    .home-menu-row h6{margin-top:0px; margin-bottom:0px; }
  .home-menu-row p{margin-top:0px; margin-bottom:0px; }
    .home-menu-row h5{margin-top:0px; margin-bottom:0px; }

.colmenu-name{ padding-bottom:10px; width:100%; text-align:center}
.colmenu-description{padding-top:20px; padding-bottom:20px; width:100%; text-align:center}
.colmenu-link{width:100%; text-align:center;     display: flex
;
    flex-direction: column;
    align-items: center;}
.home-menu-row{padding-top:20px; padding-bottom:20px; width:100%; text-align:center}






/* ticker */


.js-ticker .slide{    width: 320px;
    padding-right: 10px;
                   padding-left: 10px;
    height: 100px;     margin-right: 0px;
    min-width: 320px;
    }



.js-ticker .slide2{    width: 240px;
    padding-right: 10px; overflow:visible;
                   padding-left: 10px;
    height: 100px;     margin-right: 0px;
    min-width: 240px;
    }





 .js-ticker   .slide3{    width: 440px;
    padding-right: 10px;
                   padding-left: 10px;
    height: 100px;     margin-right: 0px;
    min-width: 440px;
    }



    

  /* home locations */

.locations-block{border-radius: 20px;display: flex;flex-direction: row; align-content: center; margin-top:10vh;  margin-bottom:10vh;     flex-wrap: wrap;}
.locations-text-col{max-width: 50%; min-width: 50%;   background: #fff; }   
.locations-img-col{max-width: 50%; min-width: 50%;}
.column-reverse{flex-direction:row-reverse}

#call-icon{height: 16px;
    width: 16px;
    display: inline-flex;
    margin-right: 10px;
    margin-top: 2px;}

#call-icon path{    fill: white; transition: all 0.3s ease;}


.locations-block .btt-thin:hover #call-icon path{    fill: var(--blue);}

.locations-block .btt-thin.pink-fill:hover #call-icon path{    fill: var(--pink);}


.contact-col .btt-thin{ max-width:100%; min-width:100%; cursor:pointer; margin-bottom:1vh }


    
.locations-text-col-inner{padding:20px; text-align:center;     padding-bottom: 20px;}
.locations-text-col-inner h6{margin-top:0px; margin-bottom:0px;}
.contact-row {display:flex; flex-direction:column; align-items:baseline;     }
.contact-col{display:flex; flex-direction:column; width: 100%;  
    border-radius: 25px;  }

    .contact-col h6{padding:5px; padding-top:10px;}

 
.margin-left30{margin-left:30px}

.time-row p{margin-top:0px; margin-bottom:0px;}
.time-row{display:flex; flex-direction:row; align-items:baseline; padding:5px; border-top:1px solid var(--lightblue); flex-wrap: wrap; min-height:36px;}
.time-row .times{min-width:60%}
.time-row .loc-day{min-width:40%}


.locations-img-col{background-size:cover; background-position:center; background-repeat:no-repeat;  position:relative ; top:0;       max-height: 100%;
    min-height: 650px; }                  


#TERENURE p{color:var(--pink)}
#TERENURE p  strong{color:var(--pink)} 
#TERENURE h4{color:var(--pink)} 
#TERENURE h5{color:var(--pink)} 
#TERENURE h6{color:var(--pink)} 

#TERENURE .basic-link:after{    background: var(--pink);}



.accordion-cont.active .panel {
  max-height: 450px;
}






.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.loc-day p{font-weight:bold}



/*shop and collection */

.shop-cont{width:100%; border-radius:20px; border: 1px solid #707070; display:flex; flex-direction:column; background-color:#fff}
.shop-top-row{width:100%; display:flex; flex-direction:row; align-items:center; justify-content:center; padding-top:10px; padding-bottom:10px}
.shop-row{width:100%; display:flex; flex-direction:row;    align-items: stretch; justify-content:space-between; padding:20px; flex-wrap: wrap;}


.shop-row::after {
  content: "";
  flex: auto; max-width: 30%; min-width: 30%;
}

.out-of-stock{pointer-events:none; background: var(--grey) !important;}


.product-card{max-width:30%;  border-radius:20px; border:1px solid var(--pink);     position: relative;     display: flex;
    flex-direction: column;  margin-bottom:20px;
    justify-content: space-between;}
    
.product-card-inner{ padding:10px;}
.product-text{display:flex; flex-direction:column;  align-items:center; text-align:center;}


.product-image img{
border-radius: 10px;
overflow: hidden;}


.product-card button{    min-width: 100%;  min-height: 100%;
    border-bottom-right-radius: 20px; margin:0px;
    border-bottom-left-radius: 20px;      transition: all 0.3s ease;    background: var(--pink); border-top: 1px solid   var(--pink);

                     border-right: 0px solid   var(--pink);
                     border-left: 0px solid   var(--pink);
                     border-bottom: 0px solid   var(--pink);
  }
.product-card button p strong{ color:#fff}

.product-card button:hover{background:#fff; cursor:pointer;  }


.product-card button:hover p strong{ color:  var(--pink)}   
.prodcut-image{position:relative; border-radius: 10px; z-index:4;
    overflow: hidden;
    margin-bottom: 20px; }
.back-img{    position: absolute;   transition: all 0.3s ease;  
    top: 0;
    z-index: 2;
    bottom: 0;}
.prodcut-image:hover .back-img{opacity:0}

.product-card .btt-cont p{margin-top:0px; padding-top:10px; padding-bottom:10px}

/* res home */


.res-d-placeholder{ width:100%; padding:20px; display:flex; flex-direction:column; align-items:center; justify-content: center;}








#chimac-button{padding-top:3vh; }


/* wholesale */

#wholesale-home h5{max-width:45ch}


#wholesale-home .pink-outline{margin-top:0px;}


/* blog home */

#blog-home{background-color:var(--lightblue); padding-bottom:10vh}


.blog-cont{width:100%; display:flex; flex-direction:column;}

.blog-row{width:100%; max-width:100%; min-width:100%; display:flex; flex-direction:row;    align-items: center; justify-content:center; padding-top:20px; padding-bottom:20px}


.RecipesSwiper{height:100%;     display: flex;
    flex-direction: column; background-image:none; max-width:100%; min-width:100px;  }

.RecipesSwiper .swiper-slide{height:auto !important}

.swiper-pagination{position:relative; height:50px; display:flex; flex-direction:row; align-items:center; justify-content: center; margin-top:20px}




.swiper-pagination-bullet{
      background: white;
      width: 20px;
      height: 20px;
      border-radius: 60px;
      opacity: 1;
  }
  
.swiper-pagination-bullet-active {
    background-color: var(--blue);
    width: 20px;
    height: 20px;
    border-radius: 60px;
  }



.blog-card{ min-width:23% !important;  display:flex; flex-direction:column; align-items:center; border-radius:20px; overflow:hidden}

.blog-card-inner{background-color:#fff; display: flex;
    flex-direction: column;     justify-content: space-between;     min-height: 100%; min-width:100%}
    
.blog-text{    padding: 20px;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center; 
    justify-content: center;
    text-align: center;
          margin-bottom: auto;    
          }

.blog-image img{   max-height:400px; object-fit: cover;}

.blog-card button{    min-width: 100%; margin:0px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    transition: all .3s ease;
    background: var(--blue);
    border: 1px solid var(--blue);
  transition: all 0.3s ease; }

.blog-card button p strong{color:#fff}

.blog-card button a p{margin-bottom:16px}


.blog-card button:hover{background:#fff; cursor:pointer;  }


.blog-card button:hover p strong{ color:  var(--blue)}   

.swiper-button-prev{    width: 30px;    top: 45%;
    height: 30px;   transition: box-shadow .3s;
    background: var(--blue);
    border-radius: 50%;}

.swiper-button-next{    width: 30px;     top: 45%;
    height: 30px;   transition: box-shadow .3s;
    background: var(--blue);
    border-radius: 50%;}



.product-col    .swiper-button-prev{    width: 30px;    top: 50%;
    height: 30px;   transition: box-shadow .3s;
    background: var(--blue);
    border-radius: 50%;}

.product-col  .swiper-button-next{    width: 30px;     top: 50%;
    height: 30px;   transition: box-shadow .3s;
    background: var(--blue);
    border-radius: 50%;}
    


.swiper-button-next:after, .swiper-button-prev:after{    font-size: 15px;
    font-weight: bold;
    color: #fff;}

.swiper-button-prev:hover {
  box-shadow: 0 0 11px rgba(246, 175, 206, 1); 
}

.swiper-button-next:hover {
  box-shadow: 0 0 11px rgba(246, 175, 206, 1); 
}
    
.swiper-button-next, .swiper-rtl .swiper-button-prev{    right: 5px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{    left: 5px;}




/*reservations */







/* footer */

  
#Footer{background-color:var(--blue);   padding-bottom:10vh; padding-top:10vh}


  #Footer p{color:#fff}
    #Footer strong{color:#fff}
      #Footer a{color:#fff}

  .footer-con{    border: 2px solid #fff;
    background-color: var(--blue);
    border-radius: 20px;
    padding: 20px; z-index:3
            
}


.footer-top img{max-width:150px; margin-right:auto; margin-left:auto; margin-bottom:5vh}
.footer-row{display:flex; flex-direction:row; align-items:baseline; padding-top:5vh; padding-bottom:5vh;}
.footer-col{display:flex; flex-direction:column; align-items:center; min-width:50%; max-width:50%; justify-content:center;}

#Footer .basic-link:after {

  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0%;
}
#Footer  .basic-link:hover:after{
  width: 100%; 
  left: 0; 
}


/*product page */

#product{background-color:white;  }


.ProductSwiper{    border-radius: 20px; overflow: hidden;}

  
.product-row{display:flex; flex-direction:row; justify-content: space-between;}

.product-col{display:flex; flex-direction:column; max-width: 49%; min-width: 49%;}
.product-image{ margin-top:5vh; margin-bottom: 10vh}
.product-text-col{display:flex; flex-direction:row;  border:1px solid var(--pink) ; border-radius:20px;  margin-right: auto;    margin-left: auto; max-width:500px;     background: #fff; margin-top:5vh; margin-bottom: 10vh }

.product-top-row{display:flex; flex-direction:row; justify-content:space-between; padding:15px; padding-top:0px; padding-bottom:0px; }
.product-title{    border-right: 1px solid var(--pink); padding-right: 20px; width: 100%;}
.product-price{    padding-left: 20px;}
.price{}
.product-text-row{ border-top:1px solid var(--pink); padding:15px}
.product-text-ingredients{border-top:1px solid var(--pink);  padding:15px; cursor:pointer}


.product-text-ingredients p{margin-top:0px; margin-bottom:0px}

.product-text-ingredients .panel{padding:0px;}

.product-text-ingredients .accordion-cont.active .panel {max-heigth:100%}

.arrow{margin-left:auto; transition: all 0.3s ease;height: fit-content; }

.rorate{transform: rotate(90deg);}

.accordion-cont.active .arrow{transform: rotate(180deg);}

.product-form button{    min-width: 100%;
    border-bottom-right-radius: 20px;
    margin: 0;
                     color:#fff;
    border-bottom-left-radius: 20px;
    transition: all .3s ease;
    background: var(--pink);
    border-top: 1px solid var(--pink);
    border-right: 0px solid var(--pink);
    border-left: 0px solid var(--pink);
    border-bottom: 0px solid var(--pink);}

.product-form button p strong{color:#fff}

.product-form button:hover{    background: #fff;
    cursor: pointer;}

.product-form button:hover p strong{    color: var(--pink);
    cursor: pointer;}


    #size-chart{margin-top:5vh; margin-bottom:5vh}




    #size-chart tr{    font-family: proxima-soft;
       text-align: center;
    font-size: 16px;
    color: var(--blue);
    line-height: 1.3em;}

.qtydiv{  
    display: flex; border-top:1px solid var(--pink);
    flex-direction: row; justify-content: space-between;}  

.qtybox{
    display: flex; flex-direction:row; align-items:center;     padding-left: 10px;
    border-left: 1px solid var(--pink);
    padding-right: 15px;
}

[for="Quantity"]{padding-left:15px}

input[type="number"] {
  text-align: center;
}

.btnqty{        width: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    border: 2px solid var(--blue);
    height: 30px;
    border-radius: 20px; transition: all 0.3s ease; pointer-events: auto !important; }


  .btnqty:hover{background:var(--blue); cursor:pointer}  
 .btnqty:hover svg{     stroke: #fff;}


.btnqty svg{    max-width: 30px;     stroke: var(--blue);     min-width: 10px;}


#Quantity{    width: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
     font-size: 16px;
    font-family: proxima-soft;
    font-weight: 700;}


.product-image .swiper{    height: auto;}


.product-thumb{    margin-right: 30px;
    height: 100px;
    width: 100px;
    max-width: 100px;
    max-height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;  opacity: 0.4;}



 .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
      }



.options-con{    display: flex;     border-top: 1px solid var(--pink);    position:relative;    }
.options-title{    padding-left: 15px;}

#productSelect{margin-left: 20px;
    width: 100%; border-left: 1px solid var(--pink);
border-right: 0px solid var(--pink);
               border-top: 0px solid var(--pink);
               border-bottom: 0px solid var(--pink);
            background-color: white;   
    font-family: proxima-soft;
    font-weight: 400;
    font-size: 16px;
    color: var(--blue);
    line-height: 1.3em;     padding-left: 15px;
                appearance:none;
      -webkit-appearance: none;
  -moz-appearance: none;    
}

.options-con:after{content: "▾"; position:absolute; 
                       top: 25%;
    bottom: 0;
    right: 15px;
    z-index: 200;
    color: var(--blue);
                    }


  

/* .sauces img{  mix-blend-mode: multiply;} */



.sidepanel-container {
    position: fixed;
    z-index: 1000000000;
    height: 100%;
    max-width: 300px;
    width: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    display: none;
    transition: all .75s cubic-bezier(.55,0,.1,1)!important;
    -webkit-transition: all .75s cubic-bezier(.55,0,.1,1)!important;
    
}


.sidepanel {
   background-color: #fff;
   border-radius: 25px;
    -khtml-border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    z-index: 1000000000;
        margin-left: 10px;
  margin-top: 10px;
    top: 0;
    bottom: 0;
    left: -100%;
text-align:center;
    box-sizing: border-box;
    opacity: 0;
border: 2px solid var(--blue)


}

.pro-img{margin-right:auto; margin-left:auto;     border-radius: 20px;
    margin-bottom: 10px;}


.sidepanel p{margin-top:0px; margin-bottom:0px}
   

    .cart-item-side-title h4{ margin-top:0px; margin-bottom:0px;}

    .close-panel-container {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    overflow: hidden;
    flex-direction: row-reverse;
    padding: 10px;     position: absolute;
    right: 0; }


 .product_description{display: flex;
    flex-direction: column;
    align-items: center;}



.content-block {
    height: auto;
    padding: 15px;
   
     align-items: center;
    display: flex;
    flex-direction: column;
}


.cart-item-side-title {
    padding-left: 10px;
    padding-right: 10px;
}



.items {
   
    transition: all .55s;
    transition-timing-function: ease-in-out;
}


.cart_product {
    list-style-type: none;
    padding: 10px;

    transition: all .55s;
    transition-timing-function: ease-in-out;}


#cart-number{position: absolute;
    right: -7px;
    top: 10px;
    height: 20px;
    width: 20px;
    background: var(--pink);
    border-radius: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;     font-size: 12px;
    color: #fff;     font-family: proxima-soft;
    font-weight: 700;
}


    

/*menus pages */

.menus-padding{margin-top:5vh; margin-bottom:5vh}

.botton-row{display: flex;
    justify-content: space-around;    
    padding-top: 20px; }

.botton-row .btt-thin{  max-width: calc(25% - 20px);}
    

.menu-landing-image-cont{border-radius:10px; overflow:hidden; min-width:100%}
    
 #menus-main  .btt-thin{margin-bottom:0px}


 #menus-main .page-col-inner:first-of-type{padding-left:0px;}
 

.menu-row{    display: flex;
    flex-direction: row;
    padding-right: 20px;
    padding-left: 20px;
    height: 100%;
    width: 100%; border-top:1px solid #000}

.menu-row-inner{   padding-top: 20px;     min-width: 100%;
    padding-bottom: 20px; display:flex; justify-content:space-between;}


.food-col-inner{display:flex; justify-content:space-between; width: 100%;}


.menu-col{max-width:50%; width: 100%; padding-bottom:10vh }
.menu-col:first-of-type{ padding-right:20px; border-right:1px solid var(--pink)}   
.menu-col:nth-of-type(2) {padding-left:20px}   
     

    .menu-col em{float:right; font-style:normal}
    #food-col-head em {float:left; color:var(--pink)}

#food-col-head p{font-weight:700;}
#food-col-head strong{    font-size: 24px;}

#food-col-head{    padding-top: 10px;
    padding-bottom: 10px !important;
    display: block;}

#food-col-head p{margin-bottom:0px}


.menu-alert{padding: 10px;
    background: var(--pink);
    margin-top: 50px;
    margin-bottom: 30px;
    border-radius: 10px;
    text-align: center;}

.menu-alert p{color:#fff}

.menu-alert p strong{color:#fff}

.border-top-menu{    padding-top: 0px;
    border-top: 1px solid var(--pink);
    margin-top: 40px;
}





.menu-special-cont{border-radius: 10px;
    background: var(--blue); overflow:hidden;
    display: flex; flex-direction: row;     width: 100%;}


.menu-special-text{padding:20px;     padding-top: 40px;
    padding-bottom: 40px;}
.menu-special-text em{float:right; font-style:normal}
.menu-special-text p{color:#fff}
.menu-special-text p strong{color:#fff}
.menu-special-text h4{color:#fff}

.menu-special-col{    width: 50%;}    

.menu-special-img-col{    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; min-height:50vh}


.specials-col{    
    border-radius: 10px;
    overflow: hidden;}

    

.specials-col em{float:right; font-style:normal}
.specials-col p{color:#fff}
.specials-col p strong{color:#fff}
.specials-col h4{color:#fff}


 .menu-special-col-vert{   padding-bottom: 74%;}   
.specials-col-text-vert{padding:20px; background: var(--blue);}




/* cart */




#main-cart-footer .is-empty{display:none}

#totals__subtotal-value {    font-family: "publicnotice";}

#cart-main-cont{margin-top:5vh; margin-bottom:0vh; overflow:hidden}

.cart-top-row{display:flex; flex-direction:row; justify-content:space-between; align-items:baseline; width:100%; padding-top:20px; padding-bottom:20px}

.cart-top-row h4{margin:0px}
.cart-top-row h5{margin:0px}

.cart-top{display:flex; flex-direction:row; border-bottom:1px solid #000; padding-top:10px; padding-bottom:10px; }

.cart-row{display:flex; flex-direction:row; border-bottom:1px solid #000; padding-top:10px; padding-bottom:10px;}
.cart-row:last-of-type{ border-bottom:0px solid #000; }
.cart-row:nth-of-type(even){background-color: var(--lightblue)}

.col-1{width:15% !important; padding-left:10px; padding-right:10px; text-align:left !important}
.col-2{width:35% !important;  padding-left:10px; padding-right:10px; text-align:left !important}
.col-3{width:30% !important;  padding-left:10px; padding-right:10px; text-align:left !important}
.col-4{width:20% !important;  padding-left:10px; padding-right:10px; text-align:left !important}

.cart__items{padding-bottom:0px !important;}
.cart-items tr:first-child td{border-bottom:0px solid}
.cart-items{    display: grid !important;} 
.cart-item__error{display:none}

.cart-items tbody{padding:0px;}
.cart-items thead{text-transform:uppercase}

.cart-item{display:flex; min-width: 100%;
    width: 100%; flex-direction:row; border-bottom:1px solid #000; padding-top:10px; padding-bottom:10px;}

    .cart-item:last-of-type{ border-bottom:0px solid #000; }
.cart-item:nth-of-type(even){background-color: var(--lightblue)}

.product-option{display:flex; flex-direction:row}
.hidden{display:none}
dd{    margin-left: 5px;}
.cart-item__name  p{margin-top:0px}



.product-option p{margin-top:0px; margin-bottom:0px;}


.cart-item__image-container{max-width:100px; height:100px; margin-right:auto; border:1px solid var(--blue); border-radius:10px; overflow:hidden }

.cart-item__image-container img{
    object-fit: cover;
    object-position: center;
    height: -webkit-fill-available;
  height: -moz-available;
}

  .quantity{display: flex;
    flex-direction: row;
    align-items: center;}


.quantity__button{width: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid var(--blue);
    height: 40px;

    transition: all .3s ease;}



    [name="minus"]{    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;}

        [name="plus"]{    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }


 .icon-plus{ pointer-events: none;}

.cart-item__quantity-wrapper  .icon-plus  { min-height: 15px;
min-width: 15px;     max-width: 15px;
    max-height: 15px;}



.cart-item__quantity-wrapper  .icon-minus{min-height: 15px;
min-width: 15px;     max-width: 15px;
    max-height: 15px;}

.cart-item__quantity-wrapper .quantity__button{background-color:var(--grey)}



 [name="minus"] path{fill: var(--pink)}
 [name="plus"] path{fill: var(--pink)}

 .icon-remove path{fill: var(--pink)}


.quantity__input{    width: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: proxima-soft;
    font-weight: 700;     border-bottom: 1px solid var(--blue);  border-top: 1px solid var(--blue);
    min-height: 40px;
    margin: 0px;
    color: var(--blue);
    border-right: 0px solid;
    border-left: 0px solid;
    
    border-radius: 0px;}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.cart-item__quantity-wrapper{display: flex; align-items: center;     margin-top: 7px;}

.icon-remove{height: 25px;
    width: 25px;}

    
cart-remove-button a{display:flex}    
cart-remove-button {padding-left: 10px;}


.cart-bottom-row{    display: flex;
    flex-direction: row;
    background: #fff;
    border: 1px solid #000;
    border-radius: 20px; margin-bottom:5vh}


.bottom-cart-col{max-width: 33.333%;
    width: 100%;
    min-width: 33.333%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;     justify-content: space-between;}

    .bottom-cart-col:first-of-type{border-right:1px solid #000}
 .bottom-cart-col:nth-of-type(2){border-right:1px solid #000}

.bottom-cart-col p{margin:0px}
.bottom-cart-col h5{margin:0px}
.bottom-cart-col h4{margin-top:10px; margin-bottom:10px}

.subtotals #checkout{margin-top:10px;}

.hide-note{display:none; min-width:100%}

.hidenote{display:none}
.loading-overlay__spinner{display:none}

.cart__note label{display:none !important}


#Cart-note{    width: 100%;  min-width: 100%;
    min-height: 100px;
    font-family: "proxima-soft" !important;
    margin-top: 5vh;
    padding: 5px;
    font-weight: 300;} 




/* BLOG */

#time-icon{    display: flex;
    align-items: center;}

#time-icon:before{content:""; position:relative;
                  height:24px; width:24px; background-image:url(//chimac.ie/cdn/shop/t/2/assets/CHIMAC-TIME.png?v=114856256317960903821761667665);
    background-size: contain;
    margin-right: 10px;      background-position: center;
    background-repeat: no-repeat;
  
}


#serve-icon{    display: flex;
    align-items: center;}

#serve-icon:before{content:""; position:relative;
                  height:24px; width:24px; background-image:url(//chimac.ie/cdn/shop/t/2/assets/CHIMAC-SERVES.png?v=62982346897171566601761667665);
    background-size: contain;
    margin-right: 10px;      background-position: center;
    background-repeat: no-repeat;
  
}


#level-icon{    display: flex;
    align-items: center;}

#level-icon:before{content:""; position:relative;
                  height:20px; width:24px; background-image:url(//chimac.ie/cdn/shop/t/2/assets/CHIMAC-LEVEL.png?v=46268772873207808701761667665);
    background-size: contain;
    margin-right: 10px;      background-position: center;
    background-repeat: no-repeat;
  
}

#veg-icon{    display: flex;
    align-items: center;}

#veg-icon:before{content:""; position:relative;
                  height:24px; width:24px; background-image:url(//chimac.ie/cdn/shop/t/2/assets/CHIMAC-VEG.png?v=133676504176635222271761667665);
    background-size: contain;
    margin-right: 10px;      background-position: center;
    background-repeat: no-repeat;
  
}


.excerpt p strong{    font-family: proxima-soft;
    font-weight: 400;
    font-size: 20px !important;
    color: var(--blue);
    line-height: 1.2em;
       
    font-weight: 700;
}


.product-col  table{    max-width: 100%; border: 1px solid #000;
    border-radius: 15px; border-spacing: 0px; min-width:100%; }



    
tbody{    padding: 10px;}
td{    padding: 10px;     height: auto !important;}
tr{    height: auto !important;}

tr:first-child td 
  {    border-bottom: 1px solid}

  td  strong{color:var(--blue)}

.art-padding{padding-right:30px}  

.art-img{height:auto; max-width:600px; margin-left:auto; border-radius:15px; overflow:hidden}


.tagged-product-container{display:flex; flex-direction:row; flex-wrap: wrap; justify-content: space-around; }


.tagged-product{ border-radius:15px; display:flex; flex-direction:column; align-items:center; width:32%; border:1px solid var(--pink); margin-top:10vh; margin-bottom:10vh}
.tagged-product-inner{padding:15px; display:flex; flex-direction:column; align-items:center; width:100%; text-align: center; }
.tagged-product p{margin-top:0px; margin-bottom:0px;}
.tagged-product h4{margin-top:0px; margin-bottom:0px;}
.tagged-product h5{margin-top:0px; margin-bottom:0px;}

.tagged-product img{max-width:350px; border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px; }


.link-button{min-width: 100%;
    border-bottom-right-radius: 15px;
    margin: 0;
    border-bottom-left-radius: 15px;
    transition: all .3s ease;
    background: var(--pink);
    border-top: 1px solid var(--pink);
    border-right: 0px solid var(--pink);
    border-left: 0px solid var(--pink);
 text-align:center ; 
             color:#fff; padding-top:10px; padding-bottom:10px
}

.link-button p strong  {color:#fff}

.link-button:hover{    background: #fff;
    cursor: pointer;}

    .link-button:hover p strong {
    color: var(--pink);
}





/* blog main */
#blog-main{background-color:var(--lightblue)}

.blog-row-main{    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: grid;

    padding-top: 20px;
    padding-bottom: 20px;
    flex-wrap: wrap;
    grid-template-columns: 12fr;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}


.blog-card-main{ align-self: stretch;

grid-column: span 4;}


.blog-title{
  grid-column: span 12;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; margin-top:5vh;}

.blog-title h2{margin-bottom:0px;}

.blog-title h5{margin:0px;}

.tag-cont{   display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; margin-bottom:5vh; margin-top:5vh; min-width:100%;}


.pag-cont{display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;}

    .pag-cont p strong{margin:0px;}
      .pag-cont p {margin:0px;}

[role="navigation"]  {display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;}

  .pagination{list-style: none;     display: flex;
    margin-right: auto;
    margin-left: auto; margin-top:0px;
    padding: 0px;}
    
  .pagination li{    height: 30px;
    width: 30px;
    border-radius: 50px;
    background: #fff;
    display: flex; cursor:pointer;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--blue);     margin-right:5px; margin-left:5px;     transition: all .3s ease;}

     .pag-cont   .active{    background: var(--blue) !important;
    color: #fff;}


  .pagination li:hover { background: var(--blue);
    }
  

  .pagination li:hover a{
    color: #fff !important;}


  .pagination li:hover .chevron path{fill:white}

  
.chevron svg{    height: 15px;
    width: 15px;
    margin-top: 5px;  transition: all .3s ease; }

.chevron path{fill:var(--blue);  transition: all .3s ease;}






  .pagination  .disabled{display: none !important;}

.right-arr{  
    height: 18px;
    width: 18px;
    display: flex;       font-family:'iconfont' !important;       }


    .left-arr{  
    height: 18px;
    width: 18px;
    display: flex;
      font-family:'iconfont' !important;       
             
             }
/* stockist page */



.stockist-line{    border-bottom: 1px solid var(--blue);}
.stockist-line:last-of-type{    border-bottom: 0px solid var(--blue);}

.stockist-line-inner{    display: flex;
    width: 100%;
   
  align-items: center;
    justify-content: space-between;}
    
.stockist-head{    min-width: 40%; max-width: 40%;  padding: 10px;}
.stockist-add{    min-width: 40%;  max-width: 40%; padding: 10px;}
.stockist-link{min-width: 20%; max-width: 20%;text-align:right; padding: 10px;}







/* about us page */


.about-box{    border-radius: 20px;
    border: 1px solid #707070;
    background: white; overflow:hidden}

.about-row{margin-bottom:10vh}

   .about-box-pad{padding:20px} 

.about-box-pad h6{max-width:50ch; margin-right:auto; margin-left:auto;}



   /* contact page */


.form-status{display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;}

.icon-success{    max-width: 50px;}    



.cont-cont{    margin-bottom: 20vh;
    border-radius: 20px;
    border: 1px solid #707070;
    background: white;
    overflow: hidden;
    padding: 10px;
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;     display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}


.field{display:flex; flex-direction:column-reverse;     margin-bottom: 20px;}

.field label{    font-family: proxima-soft;
    font-weight: 700;
    font-size: 14px;
    color: var(--blue);
    line-height: 1.3em; margin-bottom:5px}

.contact__fields{    display: flex !important;
    flex-direction: column-reverse;}



.field__input{    padding: 10px;
    border: 1px solid #ccc;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;   font-family: proxima-soft;
    border-radius: 7px;     font-size: 15px;}


.cont-cont form{    min-width: 65%;}



.field__input:focus {
  border: 1px solid var(--blue);
}

.form-text{ max-width: 65%; text-align:center}

.form-text h6{margin-top:0px;}

    
.cont-cont .button {       background: var(--blue);
    border: 1px solid var(--blue);
    color: #fff;     width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 60px;
    margin-top: 2vh;
    margin-bottom: 2vh;
    text-decoration: none;
    font-family: proxima-soft!important;
    letter-spacing: .03em;
    transition: all .3s ease;
    text-transform: uppercase;
    cursor: pointer; margin-right:auto; margin-left:auto;}
   

.contact__button{margin-top:5vh !important; margin-bottom:8vh;}


.cont-cont .button:hover {
    background: transparent;
    color: var(--blue);
}




/* pages */

.text-cont{    max-width: 65ch;
    margin-top: 20px;    margin-bottom: 20px;}}



/* faqs */

.acc-faq{}
.acc-faq-panel{}

.accordion-cont{min-width:100%}

.accordion-con p{max-width:65ch}

.acc-faq-panel p{   max-width: 55ch;
    margin-top: 1em;}


.acc-faq-panel p:first-of-type { margin-top: 0em;}








/* mobile */


.fixed-scrool{overflow: hidden;}

 #mob-nav{
    background: white;
          z-index:30;

} 


.mob-links h4{margin-top:0px; margin-bottom:10px}


.mob-nav-inner{display: flex;    align-items: center;
    justify-content: space-between; 
    padding: 20px; width:100%;     max-width: 1400px;
    margin-right: auto;
    margin-left: auto;     padding-right: 30px;
    padding-left: 30px;}

.mob-logo{    max-width: 65px;}

    




#cart-number-mob{position: absolute;
right: -7px; top: -8px;
    height: 20px;
    width: 20px;
    background: var(--pink);
    border-radius: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;     font-size: 12px;
    color: #fff;     font-family: proxima-soft;
    font-weight: 700;
}










.white-backg {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
      z-index: -1;
}

#mobynav {
    position: fixed;
    z-index: 20;
    background: transparent;
    top: 0;
    bottom: 0;
    padding-top: 20vh;
    display: none;
}




#nav-icon4 {
    width: 30px;
    height: 25px;
    position: relative;
    display: block;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;}


#nav-icon4 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--blue);
    border-radius: 3px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}



#nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 0px;
}



#nav-icon4 span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}




#nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}


    


#nav-icon4 span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}


#nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px;
    left: 0px;
}

#nav-desktop{display:none}
#mob-nav{display:flex} 
#nav-icon4 {display: block;}

@media only screen and (max-width: 768px) and (min-width: 200px)  {



.tagged-product-container{display:flex; flex-direction:column; flex-wrap: wrap; justify-content: space-around; }


.tagged-product{width:100%;}

  



  .instafeed-new-layout-container{    width: 100% !important;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
                                    padding-left: 10px !important;
    padding-right: 10px !important;
}


  .instafeed-new-layout-item{    grid-column: span 2;}

h1{font-size: 62px;}
h2{font-size: 32px;}

.mob-nav-inner{padding-right: 20px;
    padding-left: 20px;}
#mob-nav{display:flex} 
#nav-desktop{display:none}

#nav-icon4 {display: block;}

.nav-cart{margin-left:0px;}

.no-grid{flex-direction: column; }
.page-grid{    padding-right: 20px; padding-left: 20px;}  
.flex-col{    min-width: 100%; max-width: 100%;     margin-top:5vh; margin-bottom: 5vh;}
.graphic-cont img{    transform: translate(-50%, 0); left: 50%;}
#landing .swiper-wrapper{    height: 70vh;}
.swiper{height: auto;}
.centered{    min-width: auto;     padding-top: 5vh;}
.slide{width:70vw; height:60vh}
.menu-slideshow{    padding-top: 10vh;}

.menu-cont{flex-direction:column;}  
.home-menu-row{max-width:100%}  
.home-menu-row:first-of-type{border-right:0px solid var(--blue); border-bottom:1px solid var(--blue)}

.locations-block{flex-direction: column-reverse;}
.locations-text-col{    max-width: 100%; min-width: 99%;}
.rounded-left{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.rounded-right{border-top-left-radius: 20px; border-bottom-left-radius: 20px;} 
.locations-img-col{    min-height: 40vh;     min-width: 100%; position: relative;}

.rounded-left:nth-of-type(1) {border-top-right-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 0px; border-bottom-left-radius: 20px;} 
.rounded-left:nth-of-type(2) {border-top-right-radius: 20px; border-bottom-right-radius: 0px; border-top-left-radius: 20px; border-bottom-left-radius: 0px;}
.rounded-right:nth-of-type(1){border-top-right-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 0px; border-bottom-left-radius: 20px;}
.rounded-right:nth-of-type(2){border-top-right-radius: 20px; border-bottom-right-radius: 0px; border-top-left-radius: 20px; border-bottom-left-radius: 0px;}


  
.shop-row{flex-direction: column;}
.product-card{    max-width: 100%;     margin-bottom: 40px;}  
.shop-top-row{    text-align: center;}

.page-row{    flex-direction: column;}
.page-col{    min-width: 100%;     max-width: 100%;}
.page-col-inner{    padding-right: 0px;     padding-left: 0px;}

#chimac-button{padding-top:2vh;}
#blog-home{padding-bottom:0px;}
#blog-home  .col-12{padding-top:0vh;}
.blog-row{padding-bottom:0px;}
.blog-row h2{    text-align: center;}
.blog-card{min-width: 100% !important;}  
.swiper-button-next{top: 40%;}
.swiper-button-prev{top: 40%;}
.product-col  .swiper-button-prev{top: 50%;}
.product-col  .swiper-button-next{top: 50%;}

.product-row{flex-direction: column;}
.product-col{max-width: 100%; min-width: 100%;}  
.product-image{margin-bottom: 0vh;}


.footer-row{flex-direction: column;}  
.footer-col{max-width: 100%; min-width: 100%;}

.instafeed-container{width:50% !important; padding-top:50% !important}


#background_wrap{ background-image:url(//chimac.ie/cdn/shop/t/2/assets/chimac-bg-mobile.png?v=142047901545676389791761667665)}

#insta-feed{padding-right:15px; padding-left:15px;     padding-bottom: 0vh;} 


.botton-row{  flex-direction: column;}
.botton-row .btt-thin{max-width: 100%;}
.food-col-inner{flex-direction: column;}
.menu-col{min-width:100%; max-width:100%;     padding-bottom: 20px;}
.menu-col:first-of-type{padding-right:0px; border-right: 0px solid var(--pink); border-bottom: 0px solid var(--pink); }
.menu-col:nth-of-type(2){padding-left:0px;}
.border-top-menu{border-top:0px solid var(--pink)}
.menu-alert{margin-bottom:0px;}
.menu-special-cont{    flex-direction: column;}
.menu-special-col{width: 100%;}  
.menu-special-img-col{    min-height: 40vh;}
#food-col-head{padding-top:0px; padding-bottom:0px !important;}
.menu-special-text h4{margin-top:0px;}
.menu-landing-image-cont img{    min-height: 300px; object-fit: cover;}

.about-row{    flex-direction: column-reverse !important;}
.about-row .page-col-inner {    padding-bottom: 20px;}
.about-row h6{padding-bottom:20px !important}

#shop-home{padding-top: 40px !important;}

.blog-card-main{    grid-column: span 12;}
.blog-row-main{    row-gap: 40px;}  

.form-text{    max-width: 100%;}
.cont-cont form {    min-width: 100%;} 
.cont-cont{max-width:100%}
.contact__button {    margin-top: 3vh !important; margin-bottom: 3vh;}

.cart-top{display:none}

dl{    margin: 0px;}
.product-option{    margin: 0px;}
.discounts{margin: 0px;}

  
.cart-item{display: grid;     padding-top: 15px; padding-bottom: 15px;      grid-template: repeat(3,auto) / repeat(6,1fr);}
.col-1{    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 4;
    width: 100%;
    min-width: 100%;}
.col-2{    grid-column-start: 3;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    min-width: 100%; padding-bottom: 0px;}

cart-remove-button{display:none}
.col-3  {    width: 100%; min-width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 5;}
.col-4{padding-left: 5px;
    padding-right: 5px;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 5;
    grid-column-end: 7;
    text-align: center !important;
    min-width: 100%;}

.loading-overlay__spinner{    display: none;}
.spinner{    display: none;}
  
  

.cart-top-row{    flex-direction: column;    padding-bottom: 0px; }
.cart-item__image-container{    min-width: 100px;}

.cart-bottom-row{flex-direction: column-reverse;}
.bottom-cart-col{max-width: 100%;}
.bottom-cart-col:nth-of-type(2) {border-right: 0px solid #000;border-bottom: 1px solid;}
.subtotals{border-bottom: 1px solid;}
.bottom-cart-col:first-of-type{border-right: 0px solid #000;}


.art-padding{padding-right:0px;}  
article .product-row{    flex-direction: column-reverse;}





.pink-fill:hover{background: var(--pink);  color: #fff ; }
.blue-fill:hover{background: var(--blue);  color:  #fff}
.pink-outline:hover{background:transparent;  color: var(--pink);}
.blue-outline:hover{background: transparent; color: var(--blue);}
.basic-link:hover:after{width: 0%; left: 0; }
.product-card button:hover{background: var(--pink); cursor:pointer;  }
.product-card button:hover p strong{ color: #fff  }   
.prodcut-image:hover .back-img{opacity:1}
.blog-card button:hover{background: var(--blue); cursor:pointer;  }
.blog-card button:hover p strong{ color: #fff }
.swiper-button-prev:hover {box-shadow: 0 0 0px rgba(246, 175, 206, 0);  }
.swiper-button-next:hover {box-shadow: 0 0 0px rgba(246, 175, 206, 0); }
#Footer  .basic-link:hover:after{width: 0%; left: 0; }
.product-form button:hover{    background:  var(--pink); cursor: pointer;}
.product-form button:hover p strong{    color: #fff ; cursor: pointer;}
.btnqty:hover{background: #fff; cursor:pointer}  
.btnqty:hover svg{     stroke:    var(--blue);}
.link-button:hover{    background: var(--pink); cursor: pointer;}
.link-button:hover p strong {color: #fff;}
.pagination li:hover { background: var(--blue);}
.pagination li:hover a{ color: #fff !important;}
.cont-cont .button:hover {background: transparent;color: var(--blue);}
.locations-block .btt-thin:hover #call-icon path{    fill: white;}
.locations-block .btt-thin.pink-fill:hover #call-icon path{    fill: white;}
.pagination li:hover{background:white;}
.pagination li:hover a{color:var(--blue) !important}
  .pagination li:hover .chevron path{fill:var(--blue) }


.stockist-line-inner{flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.stockist-head{min-width:100%; max-width:100%; padding-top:30px}
.stockist-add {min-width:100%; max-width:100%;     padding-top: 0px; padding-bottom: 0px;} 
.stockist-link{min-width:100%; max-width:100%;  padding-bottom:30px}
.stockist-add p{margin-top:0px; margin-bottom:0px;}
.stockist-link a{margin-left: auto; margin-right: auto;}




  
}




.pop-up{    max-height: 99.9vh;
 box-sizing: content-box;
          -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */


            width: 100%;
    height: 100%;

       }

       ./* Hide scrollbar for Chrome, Safari and Opera */
.pop-up:-webkit-scrollbar {
    display: none;
}





.pop-up-outer{opacity: 1;
    position: fixed;
    z-index: 100;
    background: rgba(16, 6, 159, .25);
    min-width: 100%;
    min-height: 100%;
    max-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pop-up-outer-inner{    padding: 20px;
    border-radius: 20px;
    background: white;
    min-width: 250px;
 max-width: 350px;
    margin-left: 20px;
    margin-right: 20px;
     padding-top: 0px;       overflow: hidden;           
                   }

.visuallyhidden{display:none}

  #mc_embed_shell label {    font-size: 13px;
    font-weight: 700;
}

#mc_embed_signup .mc-field-group{    width: 100% !important; }

#mc_embed_signup .mc-field-group label{margin-bottom:0px !important}


#mc-embedded-subscribe{    width: 100%; margin:0px; margin-top:0px; margin-bottom:0px;     border-radius: 60px !important;     border: 1px solid var(--pink) !important; margin-left: auto;
    margin-right: auto; min-width: 100%;}

.indicates-required{    text-align: left !important;}

#mc_embed_signup form{margin:0px !important}


.pop-up-text-close{margin-left: auto;
    width: 28px;
    height: 28px;
    border: 1px solid var(--blue);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px; transition: all 0.3s ease;}

    .pop-up-text-close:hover{background-color:var(--blue); cursor:pointer; color:#fff}

#close-popup{font-size:20px;  transition: all 0.3s ease; }

        .pop-up-text-close:hover p{color:#fff}

#mc_embed_signup div#mce-responses{    margin: 0px;     text-align: center;}

#mc_embed_signup div.response{    padding: 0px; width: 100%; }


#mergeRow-gdpr p{font-size:10px; margin-top: 0px;}




.video-embed-section{    padding-top: 5vh;     padding-bottom: 5vh;}

.video-cont{margin-left:auto; margin-right:auto;     min-width: 100%;   display: flex;
    align-items: center;
    justify-content: center;
           
       position: relative;
  overflow: hidden;
  width: 100%;
    
           
           
           
           }



    [title="YouTube video player" ] {   position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;}


.max-width{    max-width: 850px;
    width: 100%; padding-bottom:20px}







/* social links */


.social-media-links-cont{display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    max-width: 300px;  padding-bottom:40px;}


    .social-media-link-cont{width: 70px;
    height: 70px;
    position: relative;
    transition: all 0.3s ease;                        
}


 .social-media-link-cont:hover{opacity:.75}


.social-media-link{  position: absoulte; top:0; bottom:0; left:0; right:0; height:100%; width:100%}

 .social-media-link img{width: 70px;
    height: 70px;}   


/*instafeed new */

.instafeed-new-layout-item{    border-radius: 20px;
    overflow: hidden;}


.instafeed-new-layout-container{    width: 100% !important;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
                                    padding-left: 30px;
    padding-right: 30px;
}

.instafeed-new-layout-wrapper{gap:10px !important}

.instafeed-new-layout-item{width: 100% !important; height:auto !important; padding-top: 100% !important;}