html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent; }

body {
	background: #702019;
	font-family: Georgia, serif;
	font-size: 16px;
	line-height: 30px;
	color: #0d0e0e;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

@media (max-device-width: 700px) {
	nav ul li {font-size: 24px !important}
	#page-title {padding-right: 20px !important; padding-left: 20px !important;}
	#page-title h1 {margin: 20px auto 40px auto !important;}
	#page-title p {font-size: 34px !important; line-height: 47px !important;;}
	.row {max-width: none !important; padding-left: 20px; padding-right: 20px;}
	.content-in {max-width: none !important; }
	.content-in p {font-size: 34px !important; line-height: 47px !important;}
	.content-in blockquote {font-size: 34px !important; line-height: 47px !important;}
	.content-in p em {font-size: 34px !important;}
	.content-in p strong {font-size: 34px !important;}
	.content-in p em {font-size: 34px !important;}
	.content-in li {font-size: 34px !important; line-height: 47px !important;}
	.content-in li strong {font-size: 34px !important; line-height: 47px !important;}
	.content-in em {font-size: 34px !important;}

	.content-in h1 {font-size: 60px !important; line-height: 80px !important;}
	.content-in h2 {font-size: 50px !important; line-height: 80px !important;}
	.content-in h2.smaller {font-size: 40px !important; line-height: 80px !important;}
	.content-in h3 {font-size: 40px !important; line-height: 80px !important;}
	.content-in h4 {font-size: 35px !important; line-height: 70px !important;}

}

h1, h2, h3, h4, h5, h6 {
	color: #702019;
	font-family: Georgia, serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 42px; line-height: 48px; margin-bottom: 12px;}
h2 { font-size: 30px; line-height: 42px; margin-bottom: 6px; }
h3 { font-size: 24px; line-height: 30px; margin-bottom: 12px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 6px; }
h5 { font-size: 18px; line-height: 30px; }
h6 { font-size: 14px; line-height: 30px; }

p { margin: 0 0 30px 0;}
p img { margin: 0; }
p.lead {
	font: 20px/36px Georgia, serif;
	margin-bottom: 18px;
	color: #9FA5AD;
}

blockquote {
	margin: 30px 0px;
	padding-left: 40px;
	position: relative;
}
blockquote:before {
	content: "\201C";
	opacity: 0.45;
	font-size: 80px;
	line-height: 0px;
	margin: 0;
	font-family: Georgia, serif;

	position: absolute;
	top:  30px;
	left: 0;
}
blockquote p {
	font-size: 17px;
}
blockquote cite {
	display: block;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
}
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited { color: #8B9798; border: none }

.content-in a, a:visited {
	outline: 0;
	font-weight: 900;
	color: #a30b0b;
}
a:hover, a:focus { color: #000; }
p a, p a:visited { line-height: inherit; }




ul, ol { margin-bottom: 10px; margin-top: 12px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 6px 0 6px 30px; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { }

img {
	max-width: 100%;
	height: auto;
}
img.pull-right { margin: 12px 0px 0px 18px; float: right !important; }
img.pull-left { margin: 12px 18px 0px 0px; float: left !important; }

em { font: 15px/30px notosans-italic, sans-serif; border-bottom: 1px dotted #a2a0a0; background-color: #fffdf1; }
strong, b { font: 15px/30px notosans-bold, sans-serif; }
small { font-size: 11px; line-height: inherit; }

a,a:visited {color: #9d3a3a; text-decoration: underline;}
a:hover {text-decoration: none}

h1 {font: 50px/60px Georgia, serif; color: #fff; text-shadow: 0px 1px 5px rgb(0 0 0 / 30%); }

sup { position: relative; top: -0.5em; font-size: 80%; }

.button {
	font-size: 16px !important;
	font-weight: 800;
	line-height: 30px;
	background: #971917;
	display: inline-block;
	text-decoration: none;
	letter-spacing: 0;
	color: #fff !important;
	padding: 12px 24px;
	margin-bottom: 18px;
	border: none;
	cursor: pointer;
	height: auto;
	padding: 6px 24px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.button:hover {
	background: #3d4145;
	color: #fff;
}


.align-center {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}

.row {
	max-width: 800px;
	margin: 0 auto;
}

.row .row { width: auto; max-width: none; margin: 0 -20px; }
.row:before,
.row:after {
	content: " ";
	display: table;
}
.row:after {
	clear: both;
}

.column, .columns {
	position: relative;
	padding: 0 20px;
	min-height: 1px;
	float: left;
}
.column.centered, .columns.centered  {
	float: none;
	margin: 0 auto;
}



.row.collapsed > .column,
.row.collapsed > .columns,
.column.collapsed, .columns.collapsed  { padding: 0; }

[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: right; }

/*
Specific
 */

header {background: #702019; text-align: center;}

#page-title {background: #723333; text-align: center; box-sizing: border-box; padding-top: 30px; padding-bottom: 20px;}
#page-title h1 {font: 40px/50px Georgia;}
#page-title p {float:none; text-align: left; font: 22px/35px Georgia, serif; padding: 0;margin: 50px 70px 0;color: #fff;text-shadow: 0px 1px 2px rgb(0 0 0 / 30%);}
#page-title .logo {margin-bottom: 10px;}
#page-title img {float: right !important; width: 300px;}


nav {position: relative; font: 14px Georgia, serif; z-index: 99999; display: block;}
nav ul {min-height: 48px; width: auto; text-align: left; margin-top: 0;}
nav ul li {position: relative; list-style: none; height: 40px; display: inline-block; margin-bottom: 0;}
nav ul li a {display: inline-block;
	font-weight: 900;
	padding: 8px 11px;
	line-height: 32px;
	text-decoration: none;
	text-align: left;
	color: #ffefab !important;
}
nav ul li a:hover, nav ul li.current a {color: #ffc343 !important;}
nav ul li a:active { background-color: transparent !important; }


.content-outer {
	background: #e4d0cf;
}
.content-in {
	padding-top: 20px;
	padding-bottom: 54px;
	margin: 0 auto;
	width: 91.66667%;
	max-width: 700px;
}

.content-in h1 { color: #313131; text-shadow: none; }
.content-in h2 {font: 39px/48px Georgia, serif;margin-bottom: 10px;}
.content-in h3 {font: 29px/38px Georgia, serif;margin-bottom: 10px;}
.content-in h4 {font: 19px/28px Georgia, serif;margin-bottom: 10px; font-weight: 900}
.content-in strong {font: 15px Georgia, serif; font-weight: 900;}
.content-in em {font: 15px Georgia, serif, serif; font-style: italic;}
.content-in strong.bigger {font: 18px Georgia, serif, serif; font-weight: 800; font-style: italic;}
.content-in p { font-family: Georgia, serif; line-height: 24px; margin: 0 0 20px 0; text-align: justify; }
.content-in .highlight { border: 4px solid #afadad; border-bottom: 0; border-top: 0; padding: 10px 20px; margin: 20px 0;}
.content-in .highlight p:last-child { margin-bottom: 0;}

.content-in li p { margin-bottom: 10px; }

.content-in .cross {color:grey; filter: grayscale(100%);}
.content-in .nowrap {white-space: nowrap;}

.content-in h1.smaller {
	font: 40px/35px Georgia, serif;
	margin: 20px 0 40px 0;
}

.content-in h2.smaller {
	font: 25px/28px Georgia, serif;
}


.content-in .item-share {width: 350px; float: left; margin: 0 auto; text-align: center;}
.content-in .item-share .item-share-in {margin: 10px; padding: 10px; background-color: #86bef9;}
.content-in .item-share .item-share-in::selection {background: yellow;}


section.book {background: #cfbdbc;
	padding-top: 60px;
	padding-bottom: 30px;
	border-top: 1px solid #e3e4e8;
	border-bottom: 1px solid #e3e4e8;
	font-size: 20px;
	font-weight: bold;
}

section.book img {
	border-radius: 20px;
	margin-top: 10px;
}

section.book h3 {
	display: block;
	font: 29px/38px Georgia, serif;
	text-align: center;
	margin-bottom: 12px;
	color: #6c0000;
}


footer {margin-bottom: 84px;font-size: 14px; border-top: 1px solid #C1CDCD; padding-top: 20px}
footer p {color: #fff; line-height: 24px; text-align: center}
footer a, footer a:visited {
	color: #ffd8b7;
}


.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 300px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 50%;
	margin-left: -150px;
}

.tooltip .tooltiptext.large {
	width: 500px;
	margin-left: -250px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}








@media only screen and (max-width: 650px) {
	#page-title {
		font-size: 35px;
	}
}