.italic {
	font-style: italic;
}

#bold {
	font-weight:bold;
}

*{
	margin: 0;
	padding: 0;
}
body {
	overflow-y: scroll;
	background-color: #202125; /*#36373B;*/
}
.container {
	max-width:1080px !important;
}

button {
  pointer-events: auto;
}
a {
  pointer-events: auto;
}
form {
  pointer-events: auto;
}

.patreon-button {
  margin: 10px;
  padding: 10px;
  font-weight: bold;
  box-shadow: 2px 3px 2px;
}

.panel {
  /*user-select: none;*/
}

#soh-overlay {
  /*position: fixed;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none;
  /*overflow: auto;*/
}

#navbar {
  /*background-color: #333;*/ /* Black background color */
  position: fixed; /* Make it stick/fixed */
  top: 0; /* Stay on top */
  width: 100%; /* Full width */
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
}

header {
	/*height: 100vh;*/
	/*background-image: url("../images/background_paper.jpg");*/
	background-color: #9C9FA6;/*#36373B;*//*#202125;*/ /*#D5D8DC;*/
	padding: 0px !important;
	color: #333;
  font-family: georgia;
}
.navbar-style {
	/*box-shadow: 0 2px 5px #efefef;*/
	/*text-transform: uppercase;*/
	background-color: #202125;/*#36373B;*/
}
.face {
	height: 48px;
	padding: 2px 10px;
	float: left;
}
.icon-bar {
	background: #9C9FA6;
}

.navbar-topbar {
    /*display:table;*/
    /*width:100%;*/
    /*margin: 0;*/
}
.navbar-topbar > li {
    float:right;
    display:table-cell;
    text-align:center;
	
	/*border: solid #333;
    border-width: 2px 2px 2px 2px;
	margin-left: 5px;*/
	/*margin-top: 2px;
	margin-bottom: 2px;*/
}

.topbar-stats-display {
	float: left;
	color: #9C9FA6;
	font-weight: bold;
	font-family: verdana;
}
.topbar-stats-display > div {
	float: left;
	height: 48px;
	line-height: 24px;
	padding-right: 15px;
	padding-left: 2px;
}


.main-column {
	margin: 60px 0px 0px 0px !important;
}



.navbar-bottombar {
	/*width: 1080px;*/
	display: table;
}
.navbar-bottombar > li {
    float:right;
    display:table-cell;
    text-align:center;
	/*border: solid #333;
    border-width: 2px 2px 2px 2px;*/
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.choices-display {
	background-color: #202125;/*#36373B;*/
	/*padding-bottom: 10px;*/
	margin-bottom: 0px;
	border-radius: 0px;
	border: none;
	box-shadow: none;
}
.choice{
	/*color: #fff !important;*/
}
.choice-button {
	
}


li a {
	color: #9C9FA6;
  font-weight: bold;
  font-family: verdana;
}
.big-text {
	font-size: 52px;
	margin: 20px 0;
	color: darkorange;
}

a.btn {
	margin: 30px 10px;
	width: 150px;
	padding: 10px;
	border-radius: 20px;
}
a.btn:hover {
	background: darkorange;
	border: none;
	color: #fff;
	box-shadow: 5px 5px 10px #999;
	transition: 0.3s;
}
a.btn-first {
	background-color: darkorange;
	color: #fff;
}
a.btn-second {
	background: transparent;
	border: 1px solid darkorange;
	color: #333;
}

.banner-info, .banner-image
{
	margin: 60px 0;
}



#soh6-main-header {
  background-color: rgb(245, 244, 242);
}

.soh6-container {
  max-width: 780px !important; /*680px !important;*/
}

.soh6-image {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.soh6-margin-left-image {
	width: inherit;
	height: inherit;
	/*mix-blend-mode: multiply;*/
  /*background-image: url("../images/samuraiOfHyugaBook5_480EA.png");*/
	
	/*visibility: hidden;
	opacity: 0;
	transition: 3s;*/
	
	background-repeat: no-repeat;
	background-size: cover;
}
.soh6-margin-right-image {
	width: inherit;
	height: inherit;
	/*mix-blend-mode: multiply;*/
  /*background-image: url("../images/samuraiOfHyugaBook5_480EA.png");*/
  
	/*visibility: hidden;
	opacity: 0;
	transition: opacity 3s;*/
	
	transform: scaleX(-1);
	background-repeat: no-repeat;
	background-size: cover;
}


.soh6-topbar-title {
  line-height: 48px !important;
}

.soh6-main-column {
	min-height: 100%;
	background-color: #f7f4f1; /*#dedede;*/
  padding: 10px;
  min-height: 500px;
  color: rgba(0,0,0,0.85);
}

.soh6-main-column-text {
  white-space: pre-wrap; /*pre-line;*/
  font-family: Palatino,Georgia,times new roman,serif;
  font-size: 16px;
  
}

.soh6-main-form {
  text-align: center;
  border: solid;
  margin: 10px;
  padding: 5px;
}

.soh6-name-input-div {
  float: none;
  /* text-align: center; */
  width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.soh6-select {
  width: 300px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.soh6-chapter-button-div {
  width: 150px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.soh6-chapter-button {
  
}


.soh6-margin-left {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
	z-index: 2000;
	background-color: #202125;
	/*overflow: hidden;*/
	
	border-right: solid 2px #202125;
	box-shadow: 10px 0px 15px -12px hsl(0deg 0% 0% / 20%)
}
.soh6-margin-right {
	position: fixed;
    left: 0;
    top: 0;
    height: 100%;
	z-index: 2000;
	background-color: #202125;
	/*overflow: hidden;*/
	
	border-left: solid 2px #202125;
	box-shadow: -10px 0px 15px -12px hsl(0deg 0% 0% / 20%);
}


#soh6-text-15-30 {
  display: none;
}
#soh6-text-30-45 {
  display: none;
}
#soh6-text-45-beyond {
  display: none;
}

.soh6-chapter-done-button {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

#soh6-continue-button-15 {
  padding: 10px;
}
#soh6-continue-button-30 {
  padding: 10px;
}
#soh6-continue-button-45 {
  padding: 10px;
}

.mcsLinksDiv {
  display: block;
}



/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: gainsboro;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border: 1px solid black;
  
  pointer-events: auto;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  margin-bottom: 0px;
}