@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,700;1,500&display=swap');

.en { display: none; }
.vl { display: none; }
.it { display: none; }

BODY	{
		font-family: 'EB Garamond', serif;
		text-align: center;
		background-color: White;
		color: #22b9f0;
		margin: 0px;
		font-size: 100%;
		}
A	{
	color: #22b9f0;
	}
TABLE	{
		background-image: linear-gradient(White, #22b9f0);
		}
IFRAME	{
		border: ridge 6px #DBBF7A;
		border-radius: 35px;
		}
.date	{
		width: 100px;
		vertical-align: bottom;
		font-size: 0.5em;/*18px;*/
		padding-left:10px;
		color: #169CCC;
		}
TD	{
	border: none;
	border-bottom: 1px dashed #169CCC;
	}
.item	{
		width: 50%;
		padding: 20px 0px 20px 0px;
		text-align: center;
		vertical-align: middle;
		font-size: 1.0em;/*24px;*/
		color: #DBBF7A;
		text-shadow: 1px 1px 1px #958259;
		font-style: italic;
		}
.item IMG	{
			border: ridge 6px #DBBF7A;
			border-radius: 35px;
			}
.quote	{
		padding: 6px 0px 6px 0px;
		font-size: 1.2em;/*16px;*/
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		text-shadow: none;
		width: 100%;
		}

#options	{
			background-color: #DBBF7A;
			height: 30px;
			padding-top: 5px;
			}

#options A	{
			text-decoration: none;
			border: outset 4px #DBBF7A;
			border-radius: 10px;
			height: 20px;
			padding: 1px 10px 1px 10px;
			background-color: white;
			color: black;
			text-transform: uppercase;
			font-style: bold;
			font-size: 0.8em;/*12px;*/
			}

#savethedate 	{
				font-size: 1.8em;/*24px;*/
				width: 60%;
				max-width: 700px;
				}
#savethedate IMG	{
					width: 100%;
					}
#savethedate H3	{
				font-size: 1.2em;/*36px;*/
				margin: 0px;
				}
#savethedate H2	{
				font-size: 1.5em;/*48px;*/
				font-style: italic;
				margin: 0px;
				}
#invitation		{
				font-size: 1.0em;
				height: 90%;
				}
#invitation, #tips		{
				background-color: white;
				background-image: none;
				}
#invitation TD, #tips TD	{
				border: none;
				}

.Tip	{
		padding: 1px 0px 1px 0px;
		margin: 0px 5px;
		}
#invitation, .Tip P	{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
		}
.Tip P SPAN {
			background-color: white;
			padding: 5px 15px 5px 15px;
			border: double 4px #DBBF7A;
			border-radius: 10px;
			cursor: pointer;
			font-size: 1.5em;
			text-transform: uppercase;
			white-space: nowrap;
			}
#TipButtons	{
			display: flex;
			flex-direction: row;
			justify-content: center;
			flex-wrap: wrap;
			width: 70%;
			/*border-top: 1px solid black;*/
			border-top: 4px double #DBBF7A;
			margin-top: 15px;
			padding-top: 15px;
			}
.TipBox	{
		max-width: 80%;
		font-size: 1.3em;/*2.0em;*/
		}
.TipBox P	{
			text-align: center;
			width: 80%;
			}
.TipBox H2	{
			margin-top:30px;
			margin-bottom: 0px;
			text-transform: uppercase;
			/*width: 40%;*/
			/*border-top: 4px double #DBBF7A;*/
			padding-top: 10px;
			padding-bottom: 0px;
			}
.TipBox A	{
			background-color: black;
			color: white;
			padding: 0px 5px;
			text-decoration: none;
			font-size: 0.6em;
			text-transform: uppercase;
			}
.TipBox IMG	{
			height: 200px;
			width: auto;
			border: ridge 6px #DBBF7A;
			border-radius: 35px;
			margin-bottom: 10px;
			}
.TipBox H3	{
			width: 80%;
			margin-top: 40px;
			border-top: 4px double;
			padding-top: 0px;
			padding-bottom: 0px;
			}
.TipBox H4	{
			width: 30%;
			margin-top: 20px;
			margin-bottom: 2px;
			border: 1px dashed;
			padding-top: 0px;
			padding-bottom: 4px;
			}
.TipPix	{
		display: flex;
		flex-direction: row;
		justify-content: center;
		}
.TipPix DIV	{
			margin: 0px 5px;
			}

#life	{
		font-size: 1.3em;/*2.0em;*/
		}

.subtitle 	{
			font-size: 80%;
			text-transform: uppercase;
			font-weight: bold;
			margin: 30px 0 10px 0;
			}

.mainUL	{
	text-align: left;
	display: inline-block;
	}

SPAN[LANG="en"] { color: #1CB4F8; }
SPAN[LANG="nl"] { color: #DBBF7A; }
SPAN[LANG="it"] { color: #0E3C75; }

#screen	{
		margin-top: 15px;
		}

#screen img	{
			width: 100%;
			}

.screenLinks a	{
				font-size: 120%;
				line-height: 150%;
				text-decoration: none;
				/*background-color: rgb(236, 236, 236);*/
				margin: 1px 1px;
				padding: 0 5px 0 5px;
				border: 1px solid #DBBF7A;
				border-radius: 5px;
				white-space: nowrap;
				}

.controls a	{
			text-decoration: none;
			font-size: 200%;
			background-color: #DBBF7A;
			padding: 0 12px 8px 12px;
			border-radius: 999px;
			color:white;
			}

/*
@media (max-width:1100px)  {
#savethedate 	{
				width: 90%;
				max-width: 1100px;
				}
}

@media (min-width:1000px)  {
.TipBox	{
		font-size: 1.3em;
		}
#life	{
		font-size: 1.3em;
		}
}
*/