/** Main CSS file for artsparadise.net website */

@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: local('Dancing Script Regular'), local('DancingScript-Regular'), url("../lib/resweb/fonts/dancingScript.woff2") format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url("../lib/resweb/fonts/openSans.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Parisienne';
  font-style: normal;
  font-weight: 400;
  src: local('Parisienne'), local('Parisienne-Regular'), url("../lib/resweb/fonts/parisienne.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.hidden {
	display: none;
}

body {
	/* background-color: white; */
	background-image: url("../img/back1.jpg");
	padding-left: 0;
	margin-left: 0;
	padding-right: 0;
	margin-right: 0;
	font-family: 'Open Sans', sans-serif;
}

h1 {
	display: inline-block;
	vertical-align: middle;
	width: 90%;
}

.titleBar {
	display: flex;
}

.title {
	flex: 1;
}

#homebody {
	background-image: url("../img/backhome.jpg");
}

#homeevent {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20vh;
	width: 40vw;
	font-size: 2vmin;
	overflow-y: auto;
}

.insideHomeevent {
	position: absolute;
	margin-left: 5px;
	left: 0;
	bottom: 0;
}

.fullImage {
	position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100000px;
    height: 1000000px;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    overflow: auto;
}

.hidden {
	display: none;
}

.topBar {
	margin-left: 0;
	width: 100%;
	max-width: 100%;
	/*height: 100px;*/
	padding-left: 0;
	margin-left: 0;
	padding-right: 0;
	margin-right: 0;
}

.logo {
	display: inline-block;
	width: 247px; /* to avoid additional keyboard bug */
	height:100px; 
	vertical-align: top;
	padding-left: 25px; 
	padding-right: 25px;
	padding-top: 0;
	margin-top: 0;
}

.staffBar {
	background: url(../img/staff.svg) repeat-x;
	background-size: auto 100px;
	display: flex; 
	/* height: 100%; */
	width: 100%;
	padding-left: 0;
	margin-left: 0;
	padding-right: 0;
	margin-right: 0;
}



.pianoZone {
	flex: 1;
	display: flex;
	justify-content: center;
}

.musicPlayer {
	display: inline-block;
	vertical-align: top;
	min-width: 200px;
	width: 20%;
	padding-right: 5px;
	padding-left: 20px;
}

.musicControls {
	text-align: center;
}

.trackBox {
	 background: url("../img/back2.jpg");
	 width: 100%; display: flex; position: relative;
}

.trackDescription {
}

.trackDescriptionContainer a {
	color: white;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.lateralViola {
	position: absolute;
	top: 0;
	width: 100px;
	height: 100%;
	z-index: -10;
}

.topViola {
	background: url(../img/violatop.svg) repeat-y;
	top: 0;
	width: 100%;
	background-size: contain; 
	height: 100%;
	/* max-height: 100%; */
	padding-bottom: 0;
	margin-bottom: 0;
	/* overflow-y: scroll; */
}

.bottomViola {
	width: 100%;
	padding-top: 0;
	margin-top: 0;
}

.footerBar {
	font-size: small;
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: rgba(76, 175, 80, 0.9);
}

.footer a {
	color: yellow;
}

.miniBasket {
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: rgba(76, 175, 80, 0.9);
}

.metadataZone {
	/* border: 1px double; */
	display: block;
	margin-bottom: 20px;
}

.eventSummary {
	margin-bottom: 10px;
	flex: 1;
}

.eventSummary:nth-child(even) {
	background-color: rgba(61,194,128, 0.5);
}

.eventSummary:nth-child(odd) {
	background-color: rgba(219,194,128, 0.5);
}

.main {
	padding-top: 20px;
	padding-left: 110px;
	padding-bottom: 100px;
	font-family: 'Open Sans', sans-serif;
}

.monthCalendar {
	margin: 1em;
}

.articleMain img,.content img {
	width: auto;
	height: auto;
	max-height: 50vh;
	max-width: 50vw;
}

.articleEntry {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	border: 1px solid;
	padding: 5px;
	margin-bottom: 10px;
}

.totalized {
	background-image: url("../img/backhome.jpeg");
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.maximized {
	position: fixed;
	width: auto;
	height: auto;
	margin: auto;
	max-height: 100vh;
	max-width: 100vw;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#maximizedPictureToolkit {
	position: fixed;
	top: 0;
	right: 0;
}

.buyBox {
	border-style: dotted;
}

.poemTitle {
	font-family: 'Dancing Script', cursive;
}

.poemText {
	font-family: 'Dancing Script', cursive;
	font-size: 1.5em;
}

div[acrostic="1"] span {
  display: inline-block;
}

div[acrosticGrenat="1"] span {
  display: inline-block;
}

div[acrostic="1"] span.textLine::first-letter {
	font-weight: bold;
	color: blue;
}

div[acrosticGrenat="1"] span.textLine::first-letter {
	font-weight: bold;
	color: #6E0B14;
}

.translationWarning {
	margin: 10px;
	border-style: solid;
    border-width: 5px;
    border-color: red;
}

.musicTeaser {
	margin: 10px;
	border-style: solid;
    border-width: 2px;
    border-color: blue;
}

.alternativeLanguage {
	display: inline-block; 
	text-align: right; 
	font-size: 0.75em; 
	width: 10%;
	vertical-align: middle;
}

.workCategory {
	padding: 20px;
}

.workCategory a {
	text-decoration: none;
}

.workCategoryThumbnail {
	display: inline-block;
	width: 20vw;
	max-width: 20vw;
	height: 20vh;
	max-height: 20vh;
	text-align: center;
	vertical-align: middle;
}

.workCategoryThumbnail img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.workCategoryName {
	display: inline-block;
	padding: 20px;
	font-family: 'Dancing Script', cursive;
	font-size: 2em;
}

.articleEntryDate {
	background-color: red;
	color: white;
	text-align: center;
	font-size: 1.25em;
	padding: 10px;
	margin-right: 10px;
}

.articleEntryContent {
}

.geolocationBlock {
	display: inline-block;
}

.bookNavigator {
	display: flex;
	flex-direction: column;
}

.bookChapters {
	display: flex;
}

.bookTitle img {
	display: block;
	width: auto;
	height: auto;
	margin: auto;
	max-width: 100%;
}

.previousChapter, .nextChapter {
	width: 25%;
}

.currentChapter {
	font-size: 1.5em;
	flex: 1;
	text-align: center;
}

.nextChapter {
	text-align: right;
}

.introducingPoem {
	text-align: right;
	margin-right: 10px;
}

.serifText {
	font-family: "Times New Roman", Times, serif;
}

.chapterEnd {
	text-align: center;
	font-size: 3em;
	margin: 20px;
}

.chapterFoot {
	margin-top: 30px;
}

.footerSeparator {
}

.eventSummaryWrapper {
	flex-grow: 1;
}

.eventDescription {
	display: flex;
}

.geolocationBlock {
}

.delayNode {
	margin-right: 5px;
	background-color: green;
}

.grenat {
	color: #6E0B14;
}

.blue {
	color: blue;
}

.sectionMenu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
}

.sectionMenu a {
	text-decoration: none;
}

.sectionMenu a.active {
	background-color: yellow;
}