/* TYPOGRAPHY */

@font-face {
	font-family: 'Pagkagi';
	src:url('https://takeaway.ebm.dk/media/2334/pagkaki-regular.eot') format('eot'),
		url('https://takeaway.ebm.dk/media/2335/pagkaki-regular.ttf') format('ttf'),
		url('https://takeaway.ebm.dk/media/2336/pagkaki-regular.woff') format('woff'),
		url('https://takeaway.ebm.dk/media/2337/pagkaki-regular.woff2') format('woff2');
}

h1, h2, h3,h4, h5, .brand-font {
  font-family: "Pagkagi", serif;
  font-style: normal;
	text-align:left!important;
}

p, span, li, .description {
  font-family: "Montserrat", serif;
  font-style: normal;
	text-align:left!important;
}

.product-content h3.name, .brand-font {
	font-size:3rem!important;
	color:#c12026!important;
	font-weight:600!important;
	transform:rotate(-3deg);
}

.total .price, .product-content .price {
	font-size:2rem!important;
	text-align:right;
	transform:rotate(-3deg);
	color:#333333;
}

.product-content .product-description p {
	font-size: 1.3rem;
    font-weight: 400;
	font-family:"Montserrat", sans-serif;
	color:#333333;
	text-align:center!important;
	white-space: pre-line;
}

/* LAYOUT */

	/* Full body background */
	body {
		background: url('https://takeaway.ebm.dk/media/2333/paper-texture-warm.jpg')!important;
		background-size:cover!important;
	}

	/* Product grid */
	.products {
		display:grid;
		grid-template-columns:30% 30% 30%;
		justify-content:space-between;
		border-radius: 25px;
	}

	/* Product hover effect */
	.category .products .product .product-content .image:hover {
		transition:all 0.5s;
	}

	/* Remove border */
	.category .products .product {
		border-bottom:0;
	}


/* Kategori-beskrivelser */

	#products-col > h1::after {
	display: inline-block;
    font-size: 1.75rem;
    line-height: 3rem;
    color: #444444;
    font-weight: normal;
    text-transform: none;
    font-family: "Montserrat", sans-serif;
	position:relative;
	top:-35px;
	}

	.MENUER #products-col > h1::after {
		content: "Kan du ikke vælge? Lad vores sushimester tage styringen. Vi har sammensat de mest populære kombinationer, så du får den fulde Yakuza-oplevelse uden beslutningsstress. Perfekt til alt fra en solo-date på sofaen til den helt store venneaften.";
	}

	.KABURA #products-col > h1::after {
		content: "Vores showstoppers! Disse ruller er klædt på til fest med lækker topping på ydersiden. Det er her, vi for alvor leger med farver, konsistenser og intense smage. Det er sushi med attitude! 8 stk.";
	}

	.URAMAKI #products-col > h1::after {
		content: "Klassikeren, hvor risen vender udad og er rullet i sesam eller masago. Sprøde, friske og altid pålidelige. Den perfekte balance mellem cremet avocado, frisk fisk og et strejf af Yakuza-magi. 8 stk.";
	}

	.FUTOMAKI #products-col > h1::after {
		content: "Futo betyder 'fed', og vi holder, hvad vi lover. Disse ruller er pakket med ekstra meget fyld og masser af knas. Én bid er sjældent nok, men pas på – de fylder godt i landskabet! 6 stk.";
	}

	.NIGIRI #products-col > h1::after {
		content: "Enkelhedens kunst. En perfekt håndformet risbolle toppet med en skive af den fineste fisk. Det er her, råvarernes kvalitet virkelig får lov at skinne igennem. Rent, elegant og hamrende lækkert. 2 stk.";
	}

	.NEW #products-col > h1::after {
		content: "Glem alt hvad du ved om kedelig nigiri. Vi har givet de klassiske bidder et funky Yakuza-upgrade med flambering, gourmet-toppings og små overraskelser, der sprænger smagsskalaen. 2 stk.";
	}

	.GUNKAN #products-col > h1::after {
		content: "Gunkan betyder 'slagskib', og disse små ruller af tang fyldt med lækkerier sejler direkte ind i dit hjerte. Ofte fyldt med delikat rogn eller cremede tatar-blandinger. Små bomber af velsmag! 2 stk.";
	}

	.SIDES #products-col > h1::after {
		content: "Ingen kriger går i krig på tom mave. Vores sides er de perfekte makkere til din sushi – uanset om du er til tangsalat, ris eller vores specielle dyppelser. 6 stk.";
	}

	.STARTERS #products-col > h1::after {
		content: "Kickstart din smagsrejse med vores sprøde og varme forretter. Fra klassiske edamamebønner med et twist til små sprøde hapsere, der gør ventetiden på dine maki-ruller meget sjovere.";
	}

	.SASHIMI #products-col > h1::after {
		content: "Sushi i sin reneste form. Ingen ris, intet pjat – bare ultra-friske udskæringer af den bedste fisk, serveret med respekt for den japanske knivkunst. Det er rå styrke på en tallerken.";
	}

/* HEADER */

#slideout-panel > div.top-wrapper > div > div > div {
	text-align:center;
}

.navigation .top-brand {
	padding:15px 0;
}
	.navigation {
		background:none!important;
	}

	#products-col > ul > li > form > div > button {
		position:absolute;
		top:5px;
		right:5px;
	}

#slideout-panel > div.top-wrapper > div > div > div > div {
	display:inline-block;
}

	/* LOGO */

	#slideout-panel > div.top-wrapper > div > div > div > div > a > img {
		width:500px;
		top:10px;
		position:relative;
	}


/* Side-menu */
	.side-menu a, .category .side-menu a {
		font-size:1.5rem;
		padding: 20px 0px 3px 0;
		display: inline-block;
		text-transform: initial;
		font-family: "montserrat", serif!important;
		color:#444444!important;
		letter-spacing:1px;
		border-bottom:3px solid transparent;
		transition:all 0.25s ease-in-out;
		font-weight:600;
	}

	.side-menu a:hover {
		border-bottom:3px solid #c12026;
		transition:all 0.25s ease-in-out;
	}

	#side-menu {
		transition:all 2s;
	}


#products-col > ul > li > form > div > button {
	opacity:0.75;
}


s-col > ul > li > form > div > button:hover {
	opacity:1;
	transition:0.25s all ease-in-out;
}

li.product {
	width:100%;
}

.category .products .product .product-content .choose-options, .eventCategory .products .product .product-content .choose-options {
		margin:0;
	}

#products-col > ul > li > form {
	border-radius:5px;
}

#products-col > ul > li > form:hover {
	transition:0.25s all ease-in-out;
}

.category .products .product .product-content, .eventCategory .products .product .product-content {
	width:100%;
}

.category .products .product, .eventCategory .products .product {
	border:0;
}

#slideout-panel > div.content-wrapper > div > div > div.col-sm-3.col-sm-pull-9 > div > h1 > a {
	font-size:2.75rem!important;
	line-height:2.5rem!important;
	display:inline-block;
}
.back-container {
	display:none;
}

.address {
	display:none;
}


#checkout > div.delivery.col-sm-7 > div.form-group > label {
	font-size:14px;
}

.delivery {
	display:block;
}

.checkout .contact .headline {
	display: block;
    float: left;
    width: 100%;
	margin-top:25px;
}

#checkout > div.delivery.col-sm-7 > div.form-group {
	display: inline-block;
    padding: 10px 25px;
    border: 2px solid grey;
    border-radius: 50px;
}

/* Forside-knap */

		#slideout-panel > div.content-wrapper > div > div > div.col-sm-9.col-sm-push-3 > div.content > a {
			padding: 10px 40px;
			border-radius: 100px;
			margin-bottom: 20px;
		}

/* Gem drikkevarer på Vestergade */
	.restaurant-4001 .drikkevarer-submenu {
		display:none!important;
	}

/* Chevron */
a.test.collapsed:before {
    transform: rotate(-45deg);
	transition:all 0.5s;
}

a.test.collapsed {
	color:#555555!important;
}

a.test:before {
	transition:all 0.5s;
	transform: rotate(45deg);
	display: inline-block;
    border-right: 1.5px solid black;
    border-bottom: 1.5px solid black;
    width: 6px;
    height: 6px;
    content: "";
    margin-right: 10px;
    position: relative;
    top: -3px;
	color:darkred!important;
}




.extra-field {
	padding-left:0;
}

.extra-field input[type="checkbox"] {
	width:50px!important;
}


/* Category page titles */
	.headline {
		font-size: 6rem !important;
		color:#444444!important;
	}

.category .headline {
			border-bottom:0!important;
}

/* Basket */

#mini-cart .headline {
	font-family:"Montserrat", sans-serif;
	color:#024092;
	border-bottom:1px solid #d7723a;
	font-size:1.5rem!important;
	text-transform:uppercase;
	letter-spacing:1px;
}

	.category .mini-cart-container .mini-cart .order-lines .order-line {
		font-size: 1.1rem!important;
		font-weight: 300!important;
		letter-spacing: 0.5px!important;
		color: rgb(75,75,75)!important;
	}


	.category .mini-cart-container .mini-cart .order-lines .order-line .name {
		font-size:16px;
	}

.category .mini-cart-container .mini-cart .order-lines .order-line .input .amount, .eventCategory .mini-cart-container .mini-cart .order-lines .order-line .input .amount, .category .mini-cart-container .mini-cart .delivery-ul .order-line .input .amount, .eventCategory .mini-cart-container .mini-cart .delivery-ul .order-line .input .amount, .category .mini-cart-container .mini-cart .discount-ul .order-line .input .amount, .eventCategory .mini-cart-container .mini-cart .discount-ul .order-line .input .amount {
	color:#444444;
}

.checkout .headline {
	font-size:3rem!important;
}

/* Single product */
	.category .products .product .product-content .image {
		max-width:100%;
		max-height:100%;
		border-radius:50%;
		margin-top:-10px;
	}

	.category .products .product .product-content .name,
	.eventCategory .products .product .product-content .name{
		font-size:16px;
		letter-spacing:0.5px;
		font-weight:600!important;
		line-height:2.5rem!important;
		text-align:left;
		padding-right:10%;
	}


/* Footer */

	#footer {
		font-size:16px;
		padding:50px;
	}

	#footer .container .SocialMediaArea .some-item .socialMediaLink .socialMedia
{
		width:30px;
		height:30px;
	}

/* Desktop adjustments */
@media screen and (min-width:1366px) {
	
		/* Sticky NAV*/
		#mini-cart-col {
		position:sticky;
		top:0px;
	}
	
	body:after {
		content: "";
		display: inline-block;
		position: fixed;
		background-image: url(https://takeaway.ebm.dk/media/2339/yakuza-haand.png);
		background-size: 300px;
		display: inline-block;
		width: 300px;
		height: 520px;
		bottom: 0px;
		right: 50px;
	}
	
	
	/* CART POSITION */
	#mini-cart-col {
		padding-left:10%;
		padding-right:1%;
	}
	

	
	/* Hide dropdown icons */
		.caret--dropdown {
			display:none;
		}
	
	/* Container width */
	.container {
	width:100%;
	}
	
/*NO AFFIX */
	.affix {
		position:inherit!important;
	}
	
	.category .mini-cart-container .mini-cart.affix {
		position: inherit!important;
		width: inherit;
		top: inherit;
	}
}

/* TABLET ADJUSTMENTS */

@media screen and (min-width:767px) and (max-width:1365px) {
	
	.products {
		grid-template-columns:45% 45%;
		justify-content:space-evenly;
	}
	
	#slideout-panel > div.top-wrapper > div > div > div > div {
	display:inherit;
	}
}

@media screen and (min-width:992px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float:left;
	}
	
	body:after {
		display:none!important;
	}
}
	
@media screen and (max-width:991px) {
	.container {
		width:100%;
	}
	
	.category .products .product, .eventCategory .products .product {
		padding-top:0!important;
	}
	
	#mini-cart-col {
		background:white;
		z-index:999;
		width:100%!important;
		top:-20px;
		box-shadow: 0 0 30px rgba(0,0,0,0.1);
		position:initial!important;
		border-radius:20px;
		margin-bottom:10px;
	}
	
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float:none!important;
	}
	
	/* Removing excessinve padding on button */
	.btn {
		padding:7px 15px;
		font-size:11px;
		width:-webkit-fill-available;
		width:inherit;
		border-radius:20px;
	}
	
	.category .mini-cart-container {
		padding-bottom: 15px;
	}
	
	.products .product {
  		flex-basis: 100%;
	}
	
	.category .products .product .product-content .image {
		margin-top:0;
	}
	
	.category .products .product .product-content {
		padding-right:0;
	}	
	
	/* Product container */
	
	.products {
		grid-template-columns:100%;
		justify-content:space-evenly;
	}
	
	
	/* Center product image */
		#products-col > ul > li > form > div {
			text-align:center;
		}
	
	/*NO AFFIX */
	.affix {
		position:inherit!important;
	}
	
	.category .mini-cart-container .mini-cart.affix {
		position: inherit!important;
		width: inherit;
		top: inherit;
	}
}


@media screen and (max-width:600px) {
	
	.products {
		padding:20px;
	}
	
	/* HEADER */
	#slideout-panel > div.top-wrapper > div > div > div > div {
		display:inherit;
	}
	
	#slideout-panel > div.top-wrapper > div > div > div > div > a > img {
		top:0;
	}
	
	table {
		display:inline-table;
	}
	
	.back-link {
		display:none;
	}
	
	#slideout-panel > div.content-wrapper > div > div > div.col-sm-3.col-sm-pull-9 > div > h1 > a {
		font-size:2.5rem!important;
	}
	
	#slideout-panel .content-wrapper {
		padding-top:75px!important;
	}
	
	.slideout-menu #side-menu li a {
		font-size:2rem!important;
		margin:10px 0!important;
	}
}