/* cinzel-decorative-regular - latin */
@font-face {
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-weight: 400;
  src: url('/_font/cinzel-decorative-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cinzel Decorative Regular'), local('CinzelDecorative-Regular'),
	   url('/_font/cinzel-decorative-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('/_font/cinzel-decorative-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/_font/cinzel-decorative-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('/_font/cinzel-decorative-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('/_font/cinzel-decorative-v6-latin-regular.svg#CinzelDecorative') format('svg'); /* Legacy iOS */
}



body {
	background-color: #f8ebd8;}

h1, h1 *, h2, h2 *	{
	font-family: "Cinzel Decorative", "Petit Formal Script", Parisienne, sans;
	font-weight: normal;
	letter-spacing: -1.5pt; }

.header h1{
	margin-bottom: -0.2em;
	}

.article, .banner {
	margin-right: auto;
	margin-left: auto;
	padding-left: 11px; }
.article {
	max-width: 1200px; }

	.article > p, .article > ul:not(.tiles), dl {
		max-width: 40em; }
	.article > p:nth-child(4n+1):not(.figure), .article > p:nth-child(4n+2):not(.figure) {
		margin-left: 120px;
		/* overrule in chronoFrame.css */
		}

.mgrid {
	display: grid;
	max-width: 85vw;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	margin-bottom: 3em;
	grid-template-columns: repeat( auto-fill, minmax(18rem, 1fr) );
	grid-row-gap: 5em;
	grid-column-gap: 1.5em;
	}
.mgrid .chronobutton img {
	max-width:100%;
	height: auto;
	}
.mgrid blockquote {
	grid-column: -3 / span 2;
	}
.text-center {
	text-align:center;
}

.intro em {font-size: 107%;}
blockquote, blockquote * {
	font-size: 20px;
	margin-bottom: 0.3em; }
blockquote {
	margin-bottom: 2em; }

p.apropos, ulapropos, dl.apropos {background-color: rgb(238 238 238 / 85%);}

.kacheln {
	display: -webkit-flex;
	display:	-moz-flex;
	display: 		 -webkit-flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center; }
.kacheln > div {
	text-align: center;
	width: 440px;
	margin-top: 2em;
	margin-right: 1em; }
.chronobutton {
	background-color: #e2e1d2;
	text-align: center;
	overflow: hidden;
	margin-right: 0.4em;
	padding-bottom: 11px;
	border: solid 1px #dbdbdb;
	display: inline-block;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3);
	-webkit-box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3);
	box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3); }
.chronobutton a {
	font-size: 15px;
	border-bottom-style: none;
	border-bottom-width: 0;
	cursor: -webkit-zoom-in;
	cursor:		 -webkit-zoom-in; }
.chronobutton img{
	max-width: 90vw; }
.chronobutton:hover a {
	color: #f0efdf; }
.chronobutton:hover {
	background-color: #2e7dac;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }
.chronobutton:hover img {
	-webkit-filter: sepia(42%);
	filter: sepia(42%);
	}
	
.geometer {
	position: fixed;
	left: 0;
	bottom: -10px;
	z-index: 1;
	max-width: 100vw; }
.sailor {
	position: fixed;
	right:-10px;
	bottom: -10px;
	z-index: 1;
	max-width: 100vw; }

.legal {
	margin-bottom: 4em; }
.initiale {
	font-size: 2em; }

.webonly 	{}
.touchonly 	{display:none;}
/*––––– iPad –––––*/
@media only screen and (max-device-width:1024px)
{
	.article, .banner {
		margin-right: 3%;
		margin-left: 3%;
		}
	.chronobutton {
		-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
		  	 	 	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
		}
	
	.touchonly 	{ display:inherit; }
	th.touchonly { display: table-header-group}
	td.touchonly { display: table-cell}
	.webonly 	{ display:none;}
}


/*@media only screen and (max-device-height:750px) */
/*@media only screen and (max-height:559px)*/
@media only screen and (height: 647px),	/* iPhone 6 WebApp */
			screen and (height: 375px),	/* iPhone 6 landscape WebApp */
			screen and (height: 716px),	/* iPhone 6plus WebApp */
			screen and (height: 414px),	/* iPhone 6 landscape WebApp */
			screen and (height: 748px),	/* iPad WebApp */
			screen and (height:1004px)	/* iPad landscape WebApp */
{
	body	{
		Xmargin-top: 0 !important;
		Xpadding-top: 0 !important;
		}
	#menubar, #disqus_thread, footer, .breadcrumb, .webonly {
		Xdisplay:none;
  		}
}


.kacheln80vh {
	height: 80vh;
	overflow: hidden; }

#more.sectiondivider	{
	background-image: url(../_media/chronohome/PPN612294064-1730.jpg);
	background-position: 50% center;
}
#universe.sectiondivider{
	background-image: url(../atlas/_media/HK0423.jpg);
	background-position: 50% 50%;
}
#chronoresearchlab.sectiondivider{
	background-image: url(../../chronolab/_media/Astronomer-GerritDou-twist.jpg);
	background-position: 50% 30%;
}
#social.sectiondivider, .sectiondivider[name="social"]{
	background-image: url(../_media/chronohome/PPN787617350-00000007.jpg);
	background-position: 50% 66%;
}
.Xtiles li {
	width: 280px; }
.tiles.logo img {
	max-height: 72px;
	margin-right: 6px;
	margin-bottom: 11px; }
.kachel {
	padding-left: 1em; }
img.btnChrono {
	vertical-align: -0.5em;
	width: 32px;
	height: 32px; }
.btnChronoRight img.btnChrono {
	float:right;
	}
	
/* tags */
.tags {
	text-align: center;
	word-spacing: 1em;
	margin: 2em 3em 5em;
	hyphens: none; }
.tags a {
	word-spacing: 0pt;
	font-size: 111%
	}
.tags a.xl { font-size: 155%}
.intro {
	font-size: 122%; }
.intro * {	font-size: 1em;}

/* tooltip */
.tooltip[data-title] {
    position: relative;
	}
.tooltip[data-title]:after {
	position: absolute;
	display: block;
	padding: 5px 5px 7px 7px;
	top: -50px;
	left: 11px;
	z-index: 99999;
	width: -moz-max-content;
	width: -webkit-max-content; /*GoLive bug removes -webkit*/
	max-width: 420px;

	background-color: #fff0d1;
	-moz-box-shadow: 2px 2px 5px #777;
	-webkit-box-shadow: 2px 2px 5px #777;
	box-shadow: 2px 2px 5px #777;

	font-family: "EB Garamond", Rockwell, Georgia, "Courier New", Courier, Monaco, monospace;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.4pt;
	font-style: italic;
	line-height: 22px;
	color: #333;

	opacity: 0;
	transition: all 0.3s ease 0.3s;
	visibility: hidden;

	content: attr(data-title);;
	}
.tooltip.btnChronoRight[data-title]:after {
	position: relative;
	float: right;
	right: 0;
	left: auto;
	top:-25px;
	}
.tooltip:hover:after {
    opacity: 1;
    transition: all 0.3s ease 0.7s;
    visibility: visible;
	}
.toc {
	padding-bottom: 4px;
	margin-bottom: 4em;
	border-bottom: 1px solid gray; }
.toc a:not([href^='#']):before{
	content:"\1F4DC";
	padding-right: 0.3em;
	}

/* green menu bar */
#menubar, ul.menu ul {
	background: #14773f;
	background-image: none;

	-webkit-box-shadow: #294825 2px 2px 10px;
	-moz-box-shadow: #294825 2px 2px 10px;
	box-shadow: #294825 2px 2px 10px;
	}
ul.menu > li > a {
	padding-right: 11px;
	}
ul.menu li li a.here {
	background: #0c4826;
	}
ul.menu li a,
ul.menu li li a {
	color: #d1ecdc;
	}
.menu:hover * {
	border-style: none; border-width: 0; border-bottom: 0 !important; }