body {
    padding: 0;
    font: 100%/1.4 sans-serif;
}

body.bg {
    overflow: hidden;
}

#body-wrapper {
    min-height: calc(100vh - 48px);
}

body, #body-wrapper, .popup-content {
    background-color: #f1ede2;
    font-family: 'PT Serif', serif;
}

#body-wrapper .section {
    margin: 80px auto;
    width: 84%;
}

#body-wrapper .section.main .subsection {
    margin-top: 80px;
}

#body-wrapper .section.main .subsection + .subsection:before {
    content: url('../nav/guirlande.png');
    position: relative;
    top: -40px;
    left: 50%;
    margin-left: -100px;
}

#body-wrapper .flex-group {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
}

#body-wrapper .flex-item {
}

#body-wrapper .section.main h1 {
    font-size: 48px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: lighter;
    line-height: 48px;
    color: #6f0c0a;
    margin-bottom: 36px;
}

#body-wrapper .section.main h2 {
    font-size: 36px;
    font-family: 'Cormorant Garamond', serif;
    /* font-weight: lighter; */
    line-height: 36px;
    color: #6f0c0a;
}

#body-wrapper .section.main h3.subtitle {
    font-size: 28px;
    font-family: 'Cormorant Garamond', serif;
    /* font-weight: lighter; */
    line-height: 28px;
    color: #6f0c0a;
}

#body-wrapper .section.main, #body-wrapper .section.main .col,
#body-wrapper .mainish {
    text-align: left;
}

#body-wrapper .section.main p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    line-height: 1.667;
}

#body-wrapper .popup-content .expandable,
#body-wrapper .standalone .expandable {
    display: block;
}

#body-wrapper .in-standalone {
    display: none !important;
}

#body-wrapper .standalone .in-standalone {
    display: block !important;
    clear: both;
}

#body-wrapper blockquote {
    padding-left: 2em;
    /* quotes: "\00AB""\00BB""\201E""\201C"; */
}

#body-wrapper ol {
    padding-left: 1.5em;
}

#body-wrapper ol li {
    margin-bottom: .5em;
}

/*
#body-wrapper blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 3.2em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

#body-wrapper blockquote:after {
  color: #ccc;
  content: close-quote;
  font-size: 3.2em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: 0.4em;
}
*/

#body-wrapper blockquote .signed p {
    padding-left: 5em;
}

#body-wrapper p a, #body-wrapper li a, #body-wrapper tr a,
#body-wrapper .photobox .caption a {
    color: #41372e;
}

#body-wrapper p a:hover, #body-wrapper li a:hover, #body-wrapper tr a:hover,
#body-wrapper .photobox .caption a:hover {
    color: #456a85;
}

#body-wrapper p img {
    max-width: 100%;
}

#body-wrapper a.anchor {
    position: relative;
    top: -60px;
}

.legacy {
    background-color: #f5f5f5;
    /* background-image: url(/content/legacy/background.jpg); */
    /* border-color: #456a85; */
}

.legacy > h2 {
    color: #456a85 !important;
    text-align: center;
    margin: 12px 0 24px 0;
}

.legacy a {
	color: #b6b5b4;
}

.legacy a:hover.date {
	color: #fff;
	text-decoration: none;
	font-weight : bold;
}

.legacy .title {
    font-family: 'EB Garamond', serif;
	font-size: 18px;
	color: #2b4253;
	font-style: italic;
	font-weight: bold;
}

.legacy .text {
    font-family: 'PT Serif', serif;
	font-size: 14px;
	color: #2b4253;
}

.legacy iframe body {
    overflow: hidden;
}