/** Shopify CDN: Minification failed

Line 780:8 Expected identifier but found whitespace
Line 780:10 Unexpected "{"
Line 780:19 Expected ":"
Line 780:55 Expected ":"

**/
@font-face {
    font-family: 'Whyte Inktrap';
    src: url('/cdn/shop/files/WhyteInktrap-Regular.eot?v=1694443304');
    src: url('/cdn/shop/files/WhyteInktrap-Regular.eot?v=1694443304?#iefix') format('embedded-opentype'),
        url('/cdn/shop/files/WhyteInktrap-Regular.woff2?v=1694443304') format('woff2'),
        url('/cdn/shop/files/WhyteInktrap-Regular.woff?v=1694443304') format('woff'),
        url('/cdn/shop/files/WhyteInktrap-Regular.ttf?v=1694443304') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*Header Section*/
.site-header {
    position: relative;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
/*image with text Section*/
.gallery-content, .gallery-slider { padding: 0; }
.gallery { margin: 0; }
.gallery-content {
background-color: #FAFAFA;
}
.slider-arrow {
    background: #000;
}
@media screen and (max-width: 767px){
.gallery .gallery-content {
    height: auto;
    padding: 50px 0;
}
}
/*Icons row Section*/
.icons-row {
  padding: 0;
  margin: 0;

}

/* Intagram feed */

.sw-instagram-container .sw-instagram-header-title {
font-weight: 400;
font-size: 1.5em;
}

/*Slideshow Section*/
.hero[data-current-style=white]~.hero-scroll-down, .hero[data-current-style=white]~.slider-arrow {
    background: #000;
}
/*Product features Section*/
 
.product-features .container {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
} 
.feature-item {
    background-color: #FAFAFA;
    margin: 0px;
}
.feature-image {
    position: relative;
    width: calc(50% - 0px);
}
.feature-text {
    width: calc(50% - 0px);
    padding-left: 20px;
    padding-right: 20px;
}
.feature-text-wrap {
    text-align: center;
    max-width: 100%;
}
@media screen and (max-width: 767px){
.feature-image {
    width: calc(100% + 60px);
    margin: 0 -30px 20px;
}
.feature-text {
    width: 100%;
    margin-bottom: 20px;
}
}
@media screen and (max-width: 549px){
.feature-image {
    width: calc(100% + 10px*2);
    margin: 0 -10px 20px;
}
}

/*Rich text Section about*/
#shopify-section-template--15754078552301__rich-text {
      background-color: #45BAAB;
    padding: 10px;
}
/*Timeline Section*/
.shopify-section--timeline + .shopify-section--timeline .timeline-content:first-child .timeline-top {
    display: none;
}
.shopify-section--timeline + .shopify-section--timeline {
    margin-top: -145px;
}
/*Testimonials Wholesale*/
#shopify-section-template--15762773410029__164640475909c6db40 {
    background-color: #ecb3c4;
    padding: 10px;
    margin: 0;
}

/*Testimonials Office Coffee*/
#shopify-section-template--16341647032557__164640475909c6db40 {
    background-color: #ecb3c4;
    padding: 10px;
    margin: 0;
}
/*Product page icon under add to cart*/
div.coffee-icons {
  width: 100%;
  max-width: 500px;
  display: flex;
  justify-content: space-between;
  padding-top: 20px; }
  div.coffee-icons img {
    height: 36px; }
  @media screen and (max-width: 768px) {
    div.coffee-icons {
      margin: 0 auto; } }
/*blog */
.template-blog .title-module {
    
}
.template-blog .shopify-section--rich-text .row.row-sm{
  width: 90%;
}
.template-article .page-title{
  padding-top: 50px;
}

/*Footer section*/
.footer__block__title {
    font-weight: 500;
}
@media screen and (max-width: 1447px){
  .main-content {
    padding-top: 120px;
  }
}


/* Mahina CSS */
#mahina-app .ma-bg-wrapper {
    min-height: auto !important;
}
/*KoderWeb 22 Sept 2022*/
/*Slick css*/
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.slick-list:focus {outline: none;}.slick-list.dragging {cursor: pointer;cursor: hand;}.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}.slick-track:before, .slick-track:after {display: table;content: '';}.slick-track:after {clear: both;}.slick-loading .slick-track {visibility: hidden;}.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide {float: right;}.slick-slide img {display: block;}.slick-slide.slick-loading img {display: none;}.slick-slide.dragging img {pointer-events: none;}.slick-initialized .slick-slide {display: block;}.slick-loading .slick-slide {visibility: hidden;}.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}.slick-arrow.slick-hidden {display: none;}

.slick-slider-wrap{
  position: relative;
  
}
.new-slick-slider{
      position: relative;
     
}
.slider-grid{
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

@media (min-width: 801px){
  .slider-grid .half-bigger{
    width: 50%;
  }
  .slider-grid .half-smaller{
    width: 50%;
  }
}
@media (max-width: 800px){
  .slider-grid .half-bigger{
    width: 100%;
  }
  .slider-grid .half-smaller{
    width: 100%;
  }
}
.slider-grid .image-wrapper {
  display: block;
  position: relative;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
 
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
   padding-top: var(---image-aspect-ratio-padding);
}
.slider-grid .image-wrapper img{
  position: absolute;
}
.half-smaller.grid_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.slider-grid  h2.title {
  
  margin: 0 0 0.5em;
}
.slider-grid  .h2.sub_title{
 
}
@media (min-width: 1025px){
  .slider-grid  h2.title {
    font-size: 27px;
  }
  .slider-grid  .h2.sub_title{
    font-size: 21px;
  }
} 
@media (max-width: 1024px) and (min-width: 801px){
  .slider-grid  h2.title {
    font-size: 22px;
  }
  .slider-grid  .h2.sub_title{
    font-size: 16px;
  }
} 
 
@media (max-width: 800px)  {
  .slider-grid  h2.title {
    font-size: 27px;
  }
  .slider-grid  .h2.sub_title{
    font-size: 22px;
  }
}
@media (max-width: 600px)  {
  .slider-grid  h2.title {
    font-size: 25px;
  }
  .slider-grid  .h2.sub_title{
    font-size: 20px;
  }
}
@media (max-width: 375px)  {
  .slider-grid  h2.title {
    font-size: 20px;
  }
  .slider-grid  .h2.sub_title{
    font-size: 15px;
  }
}

.slick-slider-wrap .wrap{
  position: relative;
  margin: auto;
  max-width: 40em;
  padding: 2em;
}
@media (max-width: 800px){ 
  .slick-slider-wrap .wrap {
    width: 100%;
    max-width: 100% !important;
    width: 100%;
    padding: 2.5em 1.5rem 8em;
    padding: 2.5em 1.5rem 2.5em;
  }
  .slider-grid {
      display: block;
  }
}
.slick-slider-wrap .eyebrow {
  font-size: 0.75em;
  margin-bottom: 0.5em;
}
.slick-slider-wrap  .controls .custom-left-arrow,
.slick-slider-wrap  .controls .custom-right-arrow {
  display: block;
  margin-right: 14px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  cursor: pointer;
}
.slick-slider-wrap  .controls .custom-left-arrow:hover,
.slick-slider-wrap  .controls .custom-right-arrow:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.slick-slider-wrap  svg.icon {
  width: 35px;
  height: 35px;
  line-height: 100%;
  overflow: visible;
}
.slick-slider-wrap .button-wrapper{
  margin-top: 2.5em;
  margin-bottom: 0;
}
.slick-slider-wrap .controls .wrap{
  padding: 2.5em 0 0;
}
/* .slick-slider-wrap .controls {
  position: absolute;
  width: 42%;
  bottom: 12vw;
  bottom: 14vw;
  
  left: 58%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 1401px) and (max-width:1800px){
  .slick-slider-wrap .controls   {
    bottom: 11vw;
  }
} 
@media (max-width: 1400px){
  .slick-slider-wrap .controls   {
    bottom: 8.5vw;
  }
}
@media (max-width: 1180px){
  .slick-slider-wrap .controls   {
    bottom: 7vw;
    
  }
  .slick-slider-wrap .controls .wrap{
    padding-top:0;
    padding-bottom: 0;
  }
}

@media (max-width: 800px)  {
  .slick-slider-wrap .controls   {
      width: 100%;
      bottom: 5%;
      left: 0;
  }
  .slick-slider-wrap .controls .wrap{
    padding: 0 1.5rem 0;    
    position: relative;
   
  }
} */

.slider-grid {
  margin-bottom: 10px;
}

.slick-slider-wrap  svg path {
  fill: #fdfdfd;
}
.slick-slider-wrap .flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.justify-content-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 801px)  {
  .desktop_hide{
    display: none;
  }
}
@media (max-width: 800px)  {
  .mobile_hide{
    display: none;
  }
}
/* .slick-slider-wrap .button {
  position: absolute;
  width: 42%;
  bottom: 8vw;
  left: 58%;
  z-index: 2;
} */

.slick-slider-wrap .slick-slide {
  height: auto;
}

/* hero slideshow */


.hero[data-current-style=white]~.hero-scroll-down, .hero[data-current-style=white]~.slider-arrow {
    background: transparent !important;
}

@media screen and (min-width: 700px) {
.slide-content {
    max-width: 500px !important;
}
}

/*Working by koderweb*/
:root{
  ---image-aspect-ratio-padding: 100%;
}

/* video section */

#shopify-section-template--16608491798765__fd6926ff-00a6-4a0e-b81f-32dc5b32dee8 h2{
font-size:  calc(2.625rem * var(--FONT-ADJUST-HEADING));
}

/* icons row */

h2.icons-row__title{
  font-size: 1.375rem !important;
  line-height: 1.3 !important;
}

h2.collection-block__title{
   font-size: 1.375rem !important;
  line-height: 1.3 !important;
}

h2.page-title__heading {
  font-size: 2.625rem !important;
}

/* homeage rich text stylings */

h1.rich__heading.aos-animate{
  font-size: 2rem !important;
}
/* image with text font size */

h1.aos-animate {
  font-size: 2rem;
}


/* heading spacing */

h1, h2, h3, h4 {
    margin-bottom: 25px !important;
}

/* padding around text */

.feature-text-wrap {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

/* hide blog header */

.article__image {
  display: none;
}
/*Footer Logo*/
.footer__logo img {
    object-fit: contain;
}

accordion-elements.faq__list {
    display: block;
}
/*Old rich text*/

.title-module .accent-line {
  margin: 22px auto;
}
.title-module .accent-line--straight {
  margin: 20px auto 16px;
}

.rich__subheading {
  margin-top: 0;
}

.rich-content p {
  margin-bottom: 1em;
}
.rich-content.no-button p {
  margin-bottom: 5px;
}
.rich-content .button-wrapper {
  margin: 15px 0 0;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .row--split {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .row--split .rich__subheading {
    padding-top: 10px;
  }
  .row--split .accent-line {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: rotate(90deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .row--split .accent-line--curved {
    height: 75px;
    margin: -37.5px 0 0 -37.5px;
  }
  .row--split .accent-line--straight {
    margin: -1px 0 0 -37.5px;
  }
  .row--split .rich-heading {
    width: calc(50% - 5px);
    padding: 0 45px 0 0;
    margin: 0 auto 0 0;
  }
  .row--split .rich-heading h2 {
    margin: 0;
  }
  .row--split .rich-text__accent-line {
    position: relative;
    margin: auto;
    width: 10px;
    height: 75px;
    align-self: center;
  }
  .row--split .rich-content {
    width: calc(50% - 5px);
    padding: 10px 0 0 45px;
    margin: 0 0 0 auto;
  }
  .row--split .rich-content p {
    margin: 0;
  }
  .row--split + .row {
    margin-top: 40px;
  }
  .row--split::before, .row--split::after {
    content: none;
  }
}
/*Top search bar*/
.search-reset, .search-popdown__submit, .search-popdown__close__button{
  color: var(--text);
}
.search-popdown input[type=search]{
  color: var(--text);
}
.search-popdown input[type=search]::placeholder{
  color: var(--text);
}
.blog-module--template{
  margin: 0;
}



/* announcement bar color */


.announcement__bar {
    background-color: #00817B;
}

/* icons row title size */

.icons-row__title h2{
font-size: 22px !important;
}

/* subscription page custom css 

#coffee-bean-subscription-hand-roasted-in-oxford-uk-delivery  {


 .ss-grid-block {
h2 {
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-left: 0;
}
h3 {
  font-size: 2em;
  margin-left: 0;
}
ul {
  font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
}
li {
  margin-left: 2em !important;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  list-style-type: disc !important;
}
p {
  margin-left: 0 !important;
}
}
  @media only screen and (max-width: 749px) {
  img {
    height: 45vh;
    object-fit: cover;
  }
  .ss-image-wrapper {
    padding-bottom: 45vh !important;
  }
  .ss-text__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
}

*/

#coffee-bean-subscriptions-flexible-amp-eco-friendly-uk-delivery { 
  .ss-grid-block h2  {
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-left: 0;
}

  .button {
  margin-top: 20px;
}

.ss-grid-block h3 {
  font-size: 2em;
  margin-left: 0;
}

.ss-grid-block ul {
  font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
}

  .ss-grid-block li {
  margin-left: 2em !important;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  list-style-type: disc !important;
}
}

#coffee-bean-subscriptions-flexible-amp-eco-friendly-uk-delivery { 
@media only screen and (max-width: 749px) {
.ss-grid__item--Image { img{
    height: 45vh;
    object-fit: cover !important;
  }
                      }
  .ss-image-wrapper {
    padding-bottom: 45vh !important;
  }
  .ss-text__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
}

/* Coming Soon Product Form Stylings */

.coming-soon-signup {
  text-align: left;
  background: white;
  border-radius: 8px;
  margin-top: 20px;
}

.coming-soon-signup p {
  font-size: 16px;
  margin-bottom: 10px;
}

.coming-soon-signup form {
  display: flex;
  flex-direction: column;
  align-items: left;
}

.coming-soon-signup input {
  padding: 10px;
  width: 80%;
  max-width: 300px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.coming-soon-signup button {
  background-color: #01817b;
  color: white;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
}

.coming-soon-signup button:hover {
  background-color: #016b63;
}


/* nav logo */

.logo__image-link {
height: auto !important;
}

/* slider arrow */


.hero button {
border-color: white !important; }

.slider-arrow { background: transparent !important; }

.slider-arrow:hover {
background: transparent !important;
opacity: 0.3 !important;}


.hero button:hover {
opacity: 0.3 !important;}


/* SS grid images */

@media screen and (max-width: 749px) {
.missing-bean-abingdon-cafe-independent-coffee-shop .ss-col-12 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: {{ section.settings.grid_gap | default: 1 }}vw;
  }

.missing-bean-abingdon-cafe-independent-coffee-shop .ss-grid__item {
    grid-column: span 2 / span 2; /* default to full width for all items */
  }

.missing-bean-abingdon-cafe-independent-coffee-shop .ss-grid__item--Image {
    grid-column: span 1 / span 1; /* 2 image blocks per row */
  }
}