body {
	scroll-behavior: smooth;
}

.container
{
	
}

.body-container
{
	max-width: 520px;/*1024px;*/
	margin: 0 auto;
	background: transparent;
}

.body-container .content
{
	padding: 20px 0;
}

.back-bg {
	background-color: #e1eaef;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -999;
	position: fixed;
  }

.back a
{
	text-decoration: underline;
}

.header .wrap
{
	display: grid;
	padding: 50px 35px 30px;
	grid-template-columns: 50px 1fr 50px;
}
.header .logo
{
	margin: auto;
}
.lang {
	margin-top: 24px;
}
.lang ul {
	display: flex;
	width: 100%;
	align-content: center;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin: 0;
	gap: 22px;
	list-style: none;
}

.header .right 
{
	display: flex;
	gap: 24px;
	justify-content: center;
	align-items: center;
}

.body
{
	padding: 10px 20px;
	line-height: 150%;
}

h1,
h3,
.center
{
	text-align: center;
	line-height: 150%;
}

h1
{
	font-size: 28px;
}

.center
{
	padding-bottom: 25px;
}

.menubutton
{
	margin-top: 0 !important;
}

.menubutton .center
{
	padding-bottom: 0;
}

.menu .overlay
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	z-index: 100;
	text-align: center;
}

.menu .overlay .menu
{
	width: 100%;
}

.menu.open
{
	width: 100%;
}

.menu ul.nav.mod-menu
{
	padding: 20px;
	list-style: none;
	font-size: 28px;
	font-weight: bold;
}

.menu ul.nav.mod-menu li
{
	padding: 6px 0;
}

.menu ul.nav.mod-menu li.divider
{
	height: 1px;
	padding: 0;
	margin: 25px 15px;
	background: #ccc;
}

h2
{
	padding-top: 75px;
	margin-bottom: 0;
	line-height: normal;
	font-size: 32px;
	text-align: center;
}

a.button
{
	display: inline-block;
	padding: 8px 20px;
	font-weight: bold;
	background: #9f2064;
	color: white;
}

.filter {
	display: flex;
	gap: 4px;
}

select.category {
	background-color: #fff;
	border-radius: 0;
	border: 1px solid #8f8f9d;
	padding: 0 15px;
	width: 150px;
}

.filtered,
.hidden {
	display: none;
}

.wine
{
	padding: 20px 0;
	text-align: center;
	border-bottom: 1px #ddd solid;
}

.wine:last-child
{
	border-bottom: none;
}

.wine h4
{
	margin-bottom: 10px;
	font-size: 22px;
}

.winzer
{
	display: block;
	max-width: 200px;
	height: auto;
	margin: 0 auto;    
}

.intro
{
	text-align: center;
}


.intro h2
{
	padding-top: 40px;
	font-size: 20px;
}

.intro ul
{
	padding: 15px 20px 25px;
	margin: 0;
	list-style: none;
	font-size: 18px;
	font-weight: bold;
}

.intro li
{
	line-height:200%;
	padding: 6px 0;
}

.intro li .flex {
	display: grid;
	gap: 16px;
	grid-template-columns: 1fr 1fr;
	align-items: center
}

.intro .flex .left {
	display: flex;
	justify-content: end;
}

.intro .flex .right {
	display: flex;
	justify-content: start;
}

.intro li .flex img {
	grid-column: 1;
	justify-self: end;

	width: 75px;
	height: 75px;
	border-radius: 75px;
	object-fit: contain;
}
.intro li .flex a {
	grid-column: 2;
	justify-self: start;
}

.intro li.divider
{
	height: 1px;
	padding: 0;
	margin: 20px 0;
	background: #ddd;
}

.intro li.logout
{
	padding-top: 40px;
	font-size: 16px;
}

.search.country .input.select
{
	padding-bottom: 40px;
	text-align: center;
}

.search.country .input.select label
{
	display: block;
	padding-bottom: 10px;
	font-size: 22px;
}

.search.country .input.select select
{
	padding: 10px 15px;
}

.search.country .list
{
	display: flex;
	flex-wrap: wrap;
}

.search.country .list .winery
{
	box-sizing: border-box;
	flex: 0 0 100%;
	padding: 25px 15px;
	border-bottom: 1px #ddd solid;
	text-align: center;
}

.search.country .list .winery.hidden
{
	display: none;
}

.search.country .list .winery h3
{
	margin-bottom: 5px;
	font-size: 24px;
}

.search.country .list .winery p
{
	font-size: 16px;
}

.search.country .list .winery a,
.search.name .list .wine a
{
	display: inline-block;
	padding: 6px 15px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}

.search.name .list .wine h3
{
	margin-bottom: 5px;
	font-size: 24px;
}

.search.name .list .wine a
{
	margin-top: 0;
	font-size: 16px;
	text-decoration: none;
}

.search.name input#search
{
	display: block;
	padding: 10px 15px;
	width: 100%;
}

.search.name .wine.hidden
{
	display: none;
}

.message
{
	max-width: 500px;
	margin: 0 auto 20px;
	padding: 15px 15px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background: #9f2064;
	color: white;
}

.login.button
{
	max-width: none;
	text-align: center;
	padding-top: 30px;
	font-size: 18px;
	font-weight: bold;
}

.rating
{
	display: flex;
	justify-content: right;
}

.rating span
{
	display: inline-block;
}

.rating i.fa-solid,
.rating i.fas
{
	display: inline-block;
	color: #bbc;
	font-size: 18px;
}

.rating a i.fa-solid,
.rating a i.fas
{
	color: #9f2064 !important;
}

.rating .active i.fa-solid,
.rating .active i.fas
{
	/* color: #cf2117 !important; */
	color: #9f2064 !important;
}

.view .rating i.fa-solid,
.view .rating i.fas
{
	font-size: 16px;
}

.pagination
{
	padding-top: 20px;
}

.pagination a
{
	display: inline-block;
	width: 35px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	background: #9f2064;
	color: white;
	font-weight: bold;
	transition: all 0.2s;
}

.pagination a:hover
{
	background: #9f2064;
}

.pagination a i.fa-solid,
.pagination a i.fas
{
	color: white;
}

.pagination li.disabled a,
.pagination li.disabled a:hover
{
	background: #9f2064;
	opacity: 0.3;
}

.tastings.index h2
{
	padding-top: 0;
	padding-bottom: 30px;
}

.tastings.index table
{
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}

.tastings.index td
{
	padding: 10px;
	border-bottom: 1px #ddd solid;
}

.tastings.index tr:last-child td
{
	border-bottom: none;
}

.tastings.view
{
	padding-top: 0;
}

.tastings.view .back
{
	padding-bottom: 20px;
	text-align: left;
}

.tastings.view h2
{
	padding-top: 0;
}

.tastings.view
{
	text-align: center;
}

.tastings.view .rating
{
	justify-content: center;
}

.tastings.view .comment
{
	padding-top: 40px;
	/*text-align: left;*/
}

.tastings.view .actions
{
	padding-top: 50px;
}

.tastings.view .actions a
{
	display: inline-block;
	padding: 8px 20px;
	background-color: #9f2064;
	color: white;
}

.tasting.add h2
{
	padding-top: 20px;
	padding-bottom: 10px;
}

.tasting.add fieldset
{
	padding: 0;
	margin: 0;
	border: none;
	text-align: center;
}

.tasting.add .rating
{
	justify-content: center;
}

.tasting.add .input.text
{
	padding-top: 20px;
}

.tasting.add .input.text label
{
	font-weight: bold;
}

.tasting.add .input.textarea label
{
	display: block;
}

.tasting.add textarea
{
	box-sizing: border-box;
	width: 100%;
	max-width: 600px;
	padding: 10px;
}

.tasting.add button
{
	display: block;
	appearance: none;
	padding: 10px 20px;
	margin: 25px auto 0;
	border: none;
	font-size: 15px;
	font-weight: bold;
	background: #9f2064;
	color: white;
	cursor: pointer;
}

.login
{
	max-width: 500px;
	margin: 0 auto;
}

.login fieldset
{
	padding: 0;
	margin: 0;
	border: none;
}

.login .input
{
	padding-bottom: 20px;
}

.login label
{
	display: block;
	padding-bottom: 4px;
}

.login .input.email input,
.login .input.password input
{
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 15px;
	font-size: 16px;
}

.login .submit input,
.login button
{
	appearance: none;
	border: none;
	padding: 10px 20px;
	margin-top: 10px;
	font-size: 16px;
	background-color: #9f2064;
	color: white;
	cursor: pointer;
}

.login .actions
{
	padding-top: 20px;
}

img.backimg
{
	width: 20px;
	height: auto;
}

img[src="/tasting/img/back.png"] {
	background: #9f2064;
}

.maps
{
	position: relative;
	padding-top: 40px;
}

.maps .over
{
	position: absolute;
	z-index: 20000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.map h1
{
	font-size: 24px;
}

.leaflet-popup-content-wrapper
{
	border-radius: 0;
}

.leaflet-popup-content h4,
.leaflet-popup-content p
{
	max-width: 180px;
}

.backlink
{
	display: inline-block;
}

.backlink img
{
	width: 24px;
	height: auto;
}

.winery.view
{
	padding-top: 30px;
}

.legend .row
{
	display: flex;
	align-items: center;
	padding: 5px 0;
}
.legend .grid
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.legend .row img
{
	margin-right: 10px;
}


#btn-go-up {
	position: fixed;
	right: 20px;
	bottom: 20px;
	transform: scale(1);
	transition: all .3s ease;
}
#btn-go-up.hide {
	transform: scale(0);
}
#btn-go-up img {
	width: 70px;
}



@media(max-width: 1500px)
{
	.header .menu.open .overlay
	{
		padding-top: 80px;
	}
}


/*@media(max-width: 900px)
{
	.search.country .list .winery
	{
		flex: 0 0 50%;
	}
}


@media(max-width: 500px)
{
	.search.country .list .winery
	{
		flex: 0 0 100%;
	}
}*/

@media(max-width: 480px)
{
	.header .logo img
	{
		max-width: 180px;
	}
	
	.search.name input#search
	{
		box-sizing: border-box;
		width: 100%;
	}
}