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

body, html {
	width: 100%; margin: 0; padding: 0;
	background-color: #f5f5f5;
	/* background-color: #dbd7d0; */
	background: url('../img/home/bg/body-pattern.png'); background-position: top center;
}
body { font-family: 'Libre Baskerville', serif; -webkit-text-size-adjust: 100%; }
body, p, div { font-size: 100%; }

a { text-decoration: none; font-weight: 700; color: #565656; outline-color: #777; outline-width: 1px; }

.normal { font-weight: 400 !important; }
.strong, strong, b { font-weight: 700 !important; }
.em { font-style: italic; }
.underline { border-bottom: 1px #ccc solid; }

.small { font-size: .85em !important; }
.smaller { font-size: .925em !important; }

h1, h2, h3 { color: #454545; }
h1 { font-weight: 700; }
h2 { font-weight: 700; }
h3 { font-weight: 700; }

p a, li a, figcaption a, span.more { font-weight: 700; color: #a45857; }
p a:hover { border-bottom: 1px #bf7372 solid; }
p, li { line-height: 1.5em; }
li { margin-bottom: .5em; }

h2 a, h3 a { color: #a45857; }

span.more { padding-left: .5em; }

.baskerville { font-family: 'Libre Baskerville', serif !important; }
.roboto { font-family: 'Roboto', sans-serif !important; }

.shadow { box-shadow: 0 4px 8px #ccc; }

/*
	#home-header (relative)
		#home-header-menu, or
		#overlay-menu
	#home-main
		#SERVER_MSG (navigation-path) #h1 (content)
	#home-footer

	.content-area defines content boundaries
*/

/* Section styles (start) */
div#SERVER_MSG { width: 100%; }
div#home-header div#home-header-icons { position: fixed; top: 32px; right: 0; }
div#home-header div#home-header-icons img { margin-right: .75em; }
div#home-header div#home-header-menu { border-bottom: 1px #ccc solid; }
div#home-main div.content-area { min-height: 500px; }
div#home-footer { margin-bottom: 0; }
div#home-footer div.content-area { border-top: 0px #8a713d solid; border-bottom: 0px #8a713d solid; }
div.content-area { width: 1200px; padding: 1em 5em; margin: 0 auto; background-color: #f5f5f5; }
/* Section styles (end) */

div#main-menu { height: 120px; display: table; margin: 0 auto; padding: 0 1em; background-image: url('../../resources/img/home/bg/CavafyLabel-120.png'); }
div#main-menu div { display: table-cell; height: 100%; vertical-align: middle; padding: .75em; }
div#main-menu div a { display: block; font-weight: 700; font-size: 1.125em; color: #555; }
div#main-menu div.active a { color: #a45857; } /* background-color: #debabb; */

figure { display: table; }
figure.center { margin: 0 auto; }
figure img { display: block; }
figure figcaption { display: table-caption; caption-side: bottom; text-align: center; padding: .5em 1em; font-weight: 700; font-size: .95em; }
figure figcaption.beige { background-color: #e6e8ea; color: #333; }
figure figcaption.green { background-color: #d1dcd2; color: #333; }

/* Operation result start */
div.op-result-success, div.op-result-error, div.op-result-warning, div.op-result-info { padding: .5em 1em; white-space: normal; }
div.op-result-success { color: white; background-color: #9ad25d; }
div.op-result-error { color: white; background-color: #a32e1c; }
div.op-result-warning, .warning { color: #bc79a1 !important; background-color: #f1dede !important; }
div.op-result-info { color: #333; background-color: #fcdf98; }
div.op-result-success a, div.op-result-error a, div.op-result-warning a, div.op-result-info a { color: inherit; }
span.clear-msg { float: right; }
/* Operation result end */

.table-row.odd div.table-cell { background-color: #ebebeb; }
.table-row.header div.table-cell { background-color: #ad6160; color: white; }
div.table-cell { font-family: 'Roboto', sans-serif; font-size: .95em; }

/* Form elements (start) */
label { display: block; margin: 1em 0 .5em .2em; }
label.mandatory { font-weight: 700; }
form input.text, form textarea { font-size: 1em; color: #333; width: 400px; border: 1px #ccc solid; padding: .5em; }
form select { font-family: 'Roboto', sans-serif; font-size: 1em; color: #333; border: 1px #ccc solid; padding: .5em; }
form textarea { font-family: 'Roboto', sans-serif; width: 400px; }
div.form-error-msg { font-weight: 700; font-size: .9em; color: #7a4338; margin: .5em 0 .5em .2em; }

fieldset { border: none; padding: 0; margin: 0; }
legend { display: none; }
button, .button { font-size: 1em; font-family: 'Roboto', sans-serif; padding: .4em 1em; border: none; white-space: nowrap; }
.action-button { background-color: #a45857; color: #fff; }
.close-button { background-color: #ff6666; color: #fff; }
.reset-button { background-color: #555; color: #fff; }

form label#firstname-label, form input#firstname { display: none; }
/* Form elements (end) */

/* Overlay menu */
div#overlay-menu { z-index: 1000; position: fixed; top: 0; left: 0; width: 100%; background-color: #f5f5f5; padding: 10px 0 2px 0; border-bottom: 1px #ccc solid; }
div#overlay-menu a#overlay-menu-trigger { position: fixed; top: 24px; right: 32px; }
div#overlay-menu div.menu-item { padding: .75em; }
div#overlay-menu div.menu-item a { font-weight: 700; font-size: 1.125em; color: #555; }
div#overlay-menu div.menu-item.active a { color: #a45857; }

div.edition-box { display: inline-block; vertical-align: top; margin: .5em; padding-bottom: .5em; }

img#the-tragara-press-logo { width: 300px; height: 198px; }
img.fleuron { margin: 1em; }

@media only screen and (max-width: 1200px) {
	div.content-area { width: 100%; }
}

@media only screen and (max-width: 1100px) {
	div.content-area { padding: 1em; }
}

@media only screen and (max-width: 960px) {
	img#the-tragara-press-logo { width: 250px; height: 165px; }
}

@media only screen and (max-width: 640px) {
	div#home-header div#home-header-menu > div { display: block; width: 100%; }
	div#home-main div.content-area { padding-top: 75px; }
	input.text { width: 96%; }
}

@media only screen and (max-width: 414px) {
	div#main-menu { padding: 0 .5em; }
	div#main-menu div { padding: .75em .25em; }
	form input.text, form textarea { width: 90%; }
}

@media only screen and (max-width: 320px) {
	
}