@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand'),
       url(fonts/quicksand/Quicksand-Regular.ttf) format('truetype');
}
    /*
:root { 

    --bg: #333; 
    --hightlight: #222; 
    --text: #fff; 
    --theme1: #ff0000;
    
    DELIVEROO GREEN - 00ccbc / 17aca1
} 
*/

body { font-family: 'Quicksand'; } 

:root {
    --f7-theme-color: #ff2780!important;
    --f7-nav-color: #fff!important;
    --f7-theme-text: #ff2780!important; 
    --f7-theme-border-radius: 5px; 
}

.hide { display: none!important; }  

.block-title { margin-top: 15px!important; }  

/* THEME COLOUR BG */ 
.navbar-bg, .toolbar
{ background: #fff!important; /* var(--f7-nav-color); */ } 

/* THEME COLOUR TEXT */ 
.navbar-inner .left, .navbar-inner .title, .navbar-inner .right, .toolbar a, .tab-link-active
{ color: #218973!important; /* var(--f7-theme-color)!important; 04857c */ } 

.tab-link-active { background: #c9f4f0!important; } 
 
/* HOME */ 

#view-checkout .page-content, #view-order .page-content, .card-content { background: #f0fff6; } /* GREEN f0fff6 */ 

.homePage, .menuPage, .pageOffline { 
	background-image: url('img/bg-paint.jpg')!important;
	background-size: cover; 	
}

.homePage { 
    text-align: center;
}

.homePage .homeLogo { 
    margin-top: 20%; 
    max-width: 100%;
}

.homePage .homeLogo p, .pageOffline .homeLogo p { 
    color: #04857c!important; /* var(--f7-theme-color)!important; */ 
    font-size: 1.4em; 
	font-weight: bold; 
    width: 80%; max-width: 400px; 
    text-align: center;
    margin: 0 auto; 
    padding-top: 30px; 
	background: rgba(255,255,255,0.9);
	border-radius: 6px; 
	padding: 15px; 
}

.buttonGoToMenu { padding-bottom: 50px; } 
.buttonGoToMenu a { background: #ff2780!important; } 

.homePageImg { 
	position: absolute; 
	top: 0; 
	bottom: 0;
	width: 100%; 
	background: url('img/bg-splash.png');
	background-size: cover; 
	z-index: -1; 
}

.fab-extended { min-width: 200px; }
 
/* POPUP LAUNCHER */ 

.popupApplauncher { 
    background: #30c47a;
    text-align: center; 
    padding-top: 50%; 
} 

.logoApplauncher { margin: 0 auto; width: 80%; max-width: 400px; }
.logoApplauncher img { width: 100%; border-radius: 4px; }

/* CARDS Z INDEX */ 

.card { z-index: 0!important; } 
.card-opened { z-index: 999!important; } 

/* SWIPER SLIDER FOR NEW HOME CONTENT TEMPLATE */ 

.swiper-button-prev, .swiper-button-next { display: none; } 
.tmp-home-slider-container { position: relative; } 
.tmp-home-slider-wrapper .swiper-slide .card { 
    overflow: hidden;
    margin-left: 15px; margin-right: 15px; border-radius: 15px; 
} 
.card-opened, .card-opened .card-header { border-radius: 0px!important; } 
.tmp-home-slider-wrapper .swiper-slide .card .card-header { height: 250px; } 

.swiper-pagination { display: none; position: relative; margin-top: 10px; }  

/* CARD EXPANDABLE */ 

.menuBlockTitle { margin-top: 40px!important; margin-bottom: 20px; color: #fff; } 

.tmp-home-slider-wrapper .swiper-slide .card-expandable { min-height: 380px; height: auto; margin-top: 0px; } 
.tmp-home-slider-wrapper .swiper-slide .card-expandable .card-close { background: #fff; padding: 0px; border-radius: 20px; } 
.tmp-home-slider-wrapper .swiper-slide .card-expandable .card-content { width: 100%; } 

.card-opened .card-inner-content { padding-bottom: 100px; } 
.card-opened .card-header { height: 200px!important; }


/* TYPOGRAPHY */ 

.card-inner-content { max-width: 100%; } 
.card-inner-content div.trTmpHomeSwiperTitle { text-align: center; font-size: 18px; font-weight: bold; min-height: 50px; } 
.card-opened .card-inner-content div.trTmpHomeSwiperTitle { min-height: auto; } 
.card-inner-content div.trTmpHomeSwiperFullText { font-size: 16px; font-weight: normal; text-align: justify; }  
.card-footer { text-align: center; } 
.card-footer a { margin: 0 auto; } 

/* REVEAL HIDE CONTENT ON OPEN AND CLOSE CARD */ 

.tmp-home-slider-wrapper div.trTmpHomeSwiperFullText { display: none; } 
.tmp-home-slider-wrapper .card-opened div.trTmpHomeSwiperFullText { display: block; } 
.tmp-home-slider-wrapper .card-opened .card-footer /* .buttonCardFooterMore */  { display: none; }  

.max-lines {
  display: block; /* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  /* max-height: 12em; */ 
  line-height: 1.8em;
} 

/* SHOPPING CART */ 

/* Animation for the cart icon when an item is added */
.cart-item-added {
  /* You can use F7's built-in pulse animation or a custom one */
  animation: cart-shake 0.5s ease-in-out;
  background: #f8beec;
   
}
.cart-item-added i, .cart-item-added .tabbar-label { color: #000!important; }  

@keyframes cart-shake {
  0%, 100% { transform: scale(1) rotate(0); }
  25% { transform: scale(1.1) rotate(-5deg); }
  50% { transform: scale(1.1) rotate(5deg); }
  75% { transform: scale(1.1) rotate(-5deg); }
}

/* Styling for the card clone during animation */
.card-clone-fly {
  position: fixed; /* Use fixed positioning to fly over everything */
  z-index: 9999;   /* Ensure it's on top of all other elements */
  transition: none; /* Disable transitions on the clone itself */
  pointer-events: none; /* Make sure it can't be clicked */
  margin: 0;
}

/* CHECKOUT */ 

.item-media { max-width: 20%; } 
.item-media img { width: 100%; } 
#checkoutItemTitle, .checkoutItemTitle { white-space: normal!important; } 

.buttonConfirmOrder { padding-bottom: 30px; } 

.item-input-invalid select { color: #000!important; } 

/* ORDER SUMMARY */ 

.orderPageTime { line-height: 2.2em; margin-top: -20px!important; } 
.orderSummaryTime { font-weight: bold; font-size: 2.2em; } 
.orderPageTitle { line-height: 1.8em; } 
.orderPageInstructions { font-size: 1.2em; }

.mapLinks { width: 100%; text-align: center; margin-top: 15px; margin-bottom: 0px;  }  
.mapLink { display: inline-block; margin-left: 5px; margin-right: 5px; } 

/* MAP */ 
.map {
  display: none; 
  width: 100%; 
  height: 50vh; /* Or a fixed height like 400px, 50vh, etc. */
}

/*

.title { text-transform: uppercase; } 

.homePage, .soundPage, .arPage, .videoPage, .videoPageItem { 
    background: var(--bg);
    color: var(--text);
} 

.homePage { background: url('img/tbone-bg.jpg'); background-size: cover; } 

 

.homeTab { width: 100%; overflow: hidden; height: 28vh; text-align: center; }
.homeTab img { height: 100%; border-radius: 15px; }



.soundPage { background: url('img/tbone-bg.jpg'); background-size: cover; } 

.padsHeader, .padsFooter { width: 100%; text-align: center; }
.padsHeader img, .padsFooter img { width: 90%; max-width: 220px; } 

.soundNavbar, .button { background: var(--theme1)!important; } 

.tab1 { background: url('img/navbg.jpg')!important; display: none; }
.tab2 { background: url('img/navbg2.jpg')!important; display: none; }
.tab3 { background: url('img/navbg.jpg')!important; display: none; }

.soundNavbar { background: url('img/navbg2.jpg')!important; }

.homePage { padding-top: 40px; }
.soundPage { padding-top: 65px; }
.arPage { padding-top: 80px; }

.soundNavbar .title {
}

.soundPadOuter { 
    float: left; 
    width: 50%;
}

.soundPadOuterLand { 
    width: 16.5%; 
}

.soundPadInner { 
    width: 90%;
    height: 9.5vh;
    margin: 4%; 

    border-radius: 10px; 
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center;    
}

.soundPadInnerLand {
    height: 32vh;
}




.arPage { background: url('img/arBackground.jpg'); background-size: cover; } 

.arItem { width: 98%; text-align: center; margin-bottom: 30px; }
.arItemInner { width: 100%; height: 100%; text-align: center; border: 0px dotted #ccc;  }

.mViewer { margin: 0 auto; } 



.vidTile { 
    float: left; 
    width: 50%;
    height: 50%;
    margin-bottom: -10px;
}

.vidTile img { 
    width: 100%;
}

*/