@import url('https://fonts.googleapis.com/css?family=Inconsolata');
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Rubik:500,500i');
@import url('https://fonts.googleapis.com/css?family=Cardo:400,400i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');
@font-face {
    font-family: 'unionregular';
    src: url('../fonts/union_regular-webfont.eot');
    src: url('../fonts/union_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/union_regular-webfont.woff2') format('woff2'),
         url('../fonts/union_regular-webfont.woff') format('woff'),
         url('../fonts/union_regular-webfont.ttf') format('truetype'),
         url('../fonts/union_regular-webfont.svg#unionregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'unionitalic';
    src: url('../fonts/union_regular_italic-webfont.eot');
    src: url('../fonts/union_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/union_regular_italic-webfont.woff2') format('woff2'),
         url('../fonts/union_regular_italic-webfont.woff') format('woff'),
         url('../fonts/union_regular_italic-webfont.ttf') format('truetype'),
         url('../fonts/union_regular_italic-webfont.svg#unionitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Medium.woff2') format('woff2'),
        url('../fonts/CircularStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.grecaptcha-badge {visibility: hidden !important;}
body {opacity:0;}
html,
body {
	margin: 0px;
	padding: 0px;
	background: #fff;
}
* {
	box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
}
.sidebar,
.sidebar *,
.subtitle {
	position: relative;
}
.header-text .title,
.header-text .subtitle,
main .sidebar *,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content p {
	_text-shadow: 0 0 1px rgba(0,0,0,0.2);
}


/* Hide scrollbar for Chrome, Safari and Opera */
.menu-overlay::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.menu-overlay {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


code {
	font-family: "Inconsolata";
	font-size: 20px;
}
body {
	color: #251d17;
	font-size: 20px;
	line-height: 34px;
	left: 0px;
	position: relative;
	transition: left 0.5s;
}
body.open {
	left: 320px;
	width: calc(100%) !important;
}
img {
	display: block;
}
ul,
li {
	list-style-type: none;
}
.akshar {
	font-family: "Circular Std", Arial, sans-serif;
}
.cormorant {
	font-family: "Cardo", Times, serif;
}
.medium {
	font-weight: 500;
}
.semibold {
	font-weight: 600;
}
.italic {
	font-style: italic;
}
.uppercase {
	/*text-transform: uppercase;*/
}
.clear:after {
	content: "";
	display: block;
	clear: both;
}
header {
	position: relative;
	background: #1E1916;
	z-index: 99;
}
header img {
	width: 100%;
}
.content h3 {
	font-family: "Circular Std" !important;
	text-transform: uppercase !important;
}
.doi strong {font-weight:normal !important;}
.subtitle {
	font-weight: 500 !important;
}
.header-text {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	padding: 6% 4%;
	border: 4px solid #251d17;
	border-width: 4px !important;
	background: #fff;
	text-align: center;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
    z-index: 999;
}
.header-text:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border: 4px solid #251d17;
  border-width: 4px !important;
}
.title {
	font-family: "Inter";
	color: #251d17;
	font-style: normal;
	text-transform: uppercase;
	font-size: 4vw;
	line-height: 4vw;
	letter-spacing: -0.15vw;
}
.subtitle {
	color: #251d17;
	text-transform: uppercase;
    font-size: 1.35vw;
    line-height: 1.55vw;
    margin-top: 3px !important;
}
.squiggle {
	margin-top: 0%;
	margin-bottom:0%;
	position: relative;
	width: 50%;
}
.header-menu {
	width: 100%;
	position: absolute;
	top: 0px;
    padding: 20px;
	font-size: 2.5vw;
	color: #fff;
    z-index: 9999;
}
#nav-toggle { 
	cursor: pointer; 
	padding: 0px; 
    margin: 20px;
    margin-left:10px;
    width: 40px;
    height: 40px;
    display: block;
}



#nav-toggle span, 
#nav-toggle span:before, 
#nav-toggle span:after {
	box-sizing: border-box !important;
	cursor: pointer;
	height: 6px;
	width: 20px;
	background: #fff;
	border: 2px solid #251d17;
	position: absolute;
	display: block;
	content: '';
}

.sticky header.stuck #nav-toggle span, 
.sticky header.stuck #nav-toggle span:before, 
.sticky header.stuck #nav-toggle span:after {
	background: #251d17; 
	border-bottom: 0px !important;
	border-top: 0px !important;
	height: 4px;
}

.sticky.open header.stuck #nav-toggle span:before, 
.sticky.open header.stuck #nav-toggle span:after {
	background: #fff;
	border: 0px solid transparent;
}



#nav-toggle span:before { 
	top: -9px; 
	left: -2px;
}
#nav-toggle span:after {
	bottom: -9px;
	left: -2px;
}
#nav-toggle span, 
#nav-toggle span:before, 
#nav-toggle span:after {
	transition: none;	
}
 
#nav-toggle.active span:before, 
#nav-toggle.active span:after {
	transition: all 500ms;
}

#nav-toggle span,
#nav-toggle.active span {
	transition: 0ms !important;
}

#nav-toggle.active {
	position: fixed;
	left: 10px;
	top: 10px;
}
#nav-toggle.active span {
	background-color: transparent;
}
#nav-toggle.active span:before, 
#nav-toggle.active span:after {
	top: 0;
	border: 0px solid transparent;
	height: 3px;
}
#nav-toggle.active span:before {
	transform: rotate(45deg);
}
#nav-toggle.active span:after {
	transform: rotate(-45deg);
}
.menu-overlay {
	background: #1E1916;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 320px;
	margin-left: -320px;
	z-index: 999;
	transition: margin-left 0.5s;
	overflow-y: scroll;
	padding: 42px;
	z-index: 8;
}
.menu-overlay.open {
	margin-left: 0px;
	transition: margin-left 0.5s;
}
.menu-overlay .sidebar {
	width: 100% !important;
}
.menu-overlay .sidebar a {
	color: #fff !important;
}
main {
	padding: 4%;
	padding-top: 6%;
	background: #fff;
}
.sidebar {
	width: 278px;
	float: left;
    padding-top: 15px;
}
@media screen and (max-width: 870px) {
	.sidebar {
		width: 220px;
		float: left;
	    padding-top: 66px;
	}
	.content {
		width: calc(100% - 220px);
		float: left;
		padding-right: 1%;
	}
}
.sidebar li {
	padding-bottom: 0px;
	padding:0px !important;
	margin: 0px !important;
	line-height: 1 !important;
}

.column h6 {
	font-family: unionregular;
	font-weight: normal !important;
}

.sidebar li.page-item-7,
.sidebar li.page-item-19,
.sidebar li.page-item-dash,
.sidebar li.page-item-20 {
	margin-top: 16px !important; 
}

.sidebar li.page_item_has_children {
	margin-top: 16px !important;
}

ul.children {
	padding-top: 9px !important;
}

.sidebar a {
	text-transform: uppercase;
}

.sidebar a,
.sidebar a:hover,
.sidebar a:active,
.sidebar a:visited {
	font-size: 20px;
	font-weight: 600;
	color: #251d17;
	text-decoration: none;
	/*text-transform: uppercase;*/
}
ul.children {
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	display: none;
	padding-top: 10%;
}
.sidebar .children a,
.sidebar .children a:hover
.sidebar .children a:active
.sidebar .children a:visited {
	text-transform: none;
	font-family: "unionregular"; 
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
}
.page-item-15 {
	margin-top: 1.2%;
}

footer {
	width: 100%;
	padding: 50px;
	background: #fff;
	text-align: center;
}
.content {
	width: calc(100% - 278px);
	float: left;
	padding-right: 1%;
}
.content a,
.content a:hover,
.content a:active,
.content a:visited {
	color: #251d17;
	text-decoration: none;
	border-bottom: 2px solid #251d17;
}
.modal a,
.modal a:hover,
.modal a:active,
.modal a:visited {
	color: #251d17;
	text-decoration: none;
	border-bottom: 2px solid #251d17;
}
h1 {
    font-size: 20px;
}
.content h1 {
	font-size: 36px;
    line-height: 40px;
    text-transform: uppercase;
}
.content p {
	/*text-indent: 42px;*/
	margin: 0px;
	padding: 0px;
	padding-bottom: 3%;
    line-height: 28px;
}

.wpcf7-form p {
	display: block;
	clear: both;
}

.page-item-589,
.page-item-611 {
	display: none !important;
}

.wpcf7-text,
.wpcf7-textarea,
.jfilestyle input,
.text-input,
.modal input[type=text],
.modal input[type=password],
.modal input[type=email] {
	width: 100% !important;
	font-family: "Cardo", Times, serif;
	font-size: 22px !important;
	outline: none !important;
	border: none !important;
	background: transparent !important;
	border-bottom: 2px solid #251d17 !important;
	border-radius: 0px !important;
	outline: none !important;
}
.wpcf7-textarea,
textarea#description {
	border: 2px solid #251d17 !important;
	margin-top: 3% !important;
	border-radius: 0px !important;
	background: transparent;
	outline: none !important;
	width: 100% !important;
}
.wp-editor-wrap {
	border: 2px solid #251d17 !important;
	outline: none !important;
}
.jfilestyle {
	color: #251d17;
}
.focus-jfilestyle span {
	padding: 6px;
	border: 2px solid #251d17 !important;
	margin-top: 20px;
    display: inline-block;
    float: right;
    outline: none !important;
}
.wpcf7-submit,
input#register,
.multi-nav-next,
.multi-nav-back,
.modal input[type=submit],
#zm_alr_login_submit_button,
#zm_alr_register_submit_button {
	background: transparent;
	font-family: "unionregular", Arial, sans-serif;
	font-size: 18px !important;
	font-weight: 700;
	outline: none !important;
	text-transform: uppercase;
	border: 2px solid #251d17 !important;
	padding: 6px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	outline: none !important;
	border-radius: 0px !important;
	color: #251d17 !important;
	text-shadow: none !important;
	opacity: 1 !important;
}
input[id^="wcount_"] {
	background: transparent;
	font-family: "Cardo", Times, serif;
	font-size: 22px !important;
	outline: none !important;
	border: 2px solid #251d17 !important;
	padding: 6px;	
	outline: none !important;
}
#wppb_register_pre_form_message {
	display: none !important;
}
.wppb-required {
	color: #251d17 !important;
}
.wppb-user-forms input[type="text"], 
.wppb-user-forms input[type="number"], 
.wppb-user-forms input[type="email"], 
.wppb-user-forms input[type="url"], 
.wppb-user-forms input[type="password"], 
.wppb-user-forms input[type="search"], 
.wppb-user-forms textarea {
	font-family: "Cardo", Times, serif;
	font-size: 22px !important;
	outline: none !important;
	padding: 6px;	
	outline: none !important; 
	color: #251d17 !important;
}
#wppb-register-user h4,
.modal h4 {
	font-size: 20px;
    line-height: 20px;
	font-weight: 600;
	color: #251d17;
	text-decoration: none;
	font-family: "unionregular", Arial, sans-serif;
}
.wpcf7-checkbox label {
	display: block;
}
input[type="checkbox"] {
	position: relative;
	margin: 0px;
	margin-right: 5px;
	top: -7px;
}
input[type="checkbox"]:focus {
	outline-color: transparent;
}

input[type="checkbox"]:before {
	border: 2px solid #251d17;
	content: "";
	cursor: pointer;
	display: block;
	height: 15px;
	position: absolute;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 15px;
	z-index: 1;
}
input[type="checkbox"]:checked:before {
	border-top-style: none;
	border-right-style: none;
	height: 10px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
input[type="checkbox"]:after {
	background: #fff;
	content: "";
	display: block;
	height: 18px;
	position: absolute;
	top: 0;
	width: 18px;
	z-index: 0;
}
.multi-form {
	display: none;
}
.form-1 {
	display: block;
}
hr {
	margin-top: 30px;
	margin-bottom: 30px;
	border: 0px;
	height: 2px;
	background: #251d17;
}
.content li:before {
	content: "\2014";
	display: inline-block;
	margin-right: 6px;
	font-weight: 500;
	font-family: "Cardo";
}
.content li {
    text-indent: -13px;
    padding-left: 28px;
}
.menu-overlay .title {
	display: block;
	position: absolute;
    font-size: 30px;
  	letter-spacing: 0px !important; 
    color: #fff !important;
    font-weight: 600;
    line-height: 98px;
    margin-left: 18px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    right: -88px;
}
.menu-overlay .sidebar li {
	margin-left: 0px;
}
.menu-overlay .sidebar {
	padding-top: 20px;
}
.content h3,
.zm_alr_label {
	font-family: "unionregular";
    font-weight: 500 !important;
    font-size: 20px;
    line-height: 22px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    margin-top: 26px;

}
#ffq strong {
	font-family: "unionregular";
    font-weight: 600 !important;
    font-size: 20px;
    line-height: 20px;
    margin-left: 2px;
}
.content .columns-3 {
	-webkit-columns: 200px 3;
   	-moz-columns: 200px 3;
    columns: 200px 3;
}

.content ul {
	padding-bottom: 3%;
}
.content .no-indent ul {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.content table.columns-2 {
	width: 100%;
	max-width: 900px;
	padding-bottom: 2.75%;
}
.content table.columns-2 td:last-child {
	padding-left:30px;
}
.full-indent {
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 3%;
}
.menu-overlay .sidebar .children li {
	margin-left: 0px;
}
.subtitle {
    display: block;
}
.content table.columns-2 td {
	width: 50%;
}
@media screen and (max-width: 1150px) {
	.content table.columns-2 td {
		display: block;
		width: 100%;
	}
	.content table.columns-2 td:last-child {
		padding-left:0px;
		padding-top:20px;
	}
}
@media screen and (max-width: 900px) {
	.c-logo,
	.c-logo-brown {
		transition: top 0.4s, right 0.4s;
		top: 30px !important;
		right: 30px !important;
	}


.header-text {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	padding: 6% 4%;
	border: 2px solid #251d17;
	background: #fff;
	text-align: center;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
    z-index: 999;
}
.header-text:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border: 4px solid #251d17;
  border-width: 4px !important;
}
.title {
	font-family: "Inter";
	color: #251d17;
	font-style: normal;
	text-transform: uppercase;
	font-size: 5vw;
	line-height: 5vw;
	letter-spacing: -0.15vw;
}
.subtitle {
	color: #251d17;
	text-transform: uppercase;
    font-size: 1.55vw;
    line-height: 1.75vw;
    margin-top: 3px !important;
}
.squiggle {
	margin-top: 0%;
	margin-bottom:0%;
	position: relative;
	width: 50%;
}

}
@media screen and (max-width: 768px) {
	.sidebar {
		display: none;
	}
	.menu-overlay .sidebar {
		display: block;
	}
	.content {
		width: 100%;
	}
}
@media screen and (max-width: 540px) {
	.the-caption {font-size:8px;}
	header img {
		padding-bottom: 20%;
	}

	.content h1 {
    font-size: 26px;
    line-height: 29px;
}

	.content h2 {
    font-size: 20px;
    line-height: 23px;
}

#html-abstract {
	margin-right: 18px !important;
    margin-left: 18px !important; 
}

blockquote {
    margin-right: 18px !important;
    margin-left: 18px !important;
    font-size: 17px !important;
    line-height: 20px !important;
}

blockquote p {
    font-size: 17px !important;
    line-height: 20px !important;
}
	.content p,.content ul,.content table,.no-indent {
 font-size:19px;
    line-height: 22px;
}
.content {padding-top: 6%;}
.header-menu {padding:5px;}
.header-text {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70%;
	padding: 8% 6%;
	border: 4px solid #251d17;
	background: #fff;
	text-align: center;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
    z-index: 999;
}
.header-text:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border: 4px solid #251d17;
}
.title {
	font-family: "Inter";
	color: #251d17;
	font-style: normal;
	text-transform: uppercase;
	font-size: 8vw;
	line-height: 8vw;
	letter-spacing: -0.15vw;
}
.subtitle {
	color: #251d17;
	text-transform: uppercase;
    font-size: 2.35vw;
    line-height: 2.55vw;
    margin-top: 3px !important;
}
.squiggle {
	margin-top: 0%;
	margin-bottom:0%;
	position: relative;
	width: 50%;
}

}
.modal-back {
	z-index: 999999;
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom: 0px;
	background: transparent;
	display: none;
}
.modal {
	z-index: 9999999;
	display: none;
	position: fixed;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	background: #fff;
	width: 50%;
	height: auto;
	max-height: 80%;
	padding: 40px;
	color: #251D17 !important;
	overflow: scroll;
	box-shadow: 0px 0px 12px rgba(37,29,23,0.2);
	overflow-x: hidden;
}
.modal.search-form {
	height: 260px !important;
}
@media screen and (max-width: 768px) {
	.modal {
		width: 90%;
	}
	.mobile-hide {
		display:none;
	}
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.wppb-form-field label {
	width: 100% !important;
}
.modal input[type=submit] {
	float: right;
}
.modal li:first-child h4,
.modal ul
.login-form h4 {
	margin-top: 0px;
}
.content form p {
	text-indent: 0px;
}
.page-item-266 {
	display: none;
}
.wp-submenu li:not(.wp-submenu-head) a,
.wp-submenu li:not(.wp-submenu-head) a:hover,
.wp-submenu li:not(.wp-submenu-head) a:active,
.wp-submenu li:not(.wp-submenu-head) a:visited {
	text-transform: none;
	font-family: "Cardo";
	font-size: 20px;
	line-height: 22px;
	font-weight: 400;
}
.wp-submenu div {
	display: none;
}
.sidebar ul.wp-submenu,
.sidebar li.wp-submenu-head {
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
    line-height: 22px;
    font-weight: 600;
}
.sidebar li.wp-submenu-head {
	cursor: pointer;
}
header .subtitle {
	padding: 0px !important;
}
.admin-pages {
    padding-bottom: 1.2% !important;
    margin-bottom: 0px;
    padding-top: 2%;
}
.wp-first-item {
	padding-top: 10%;
}
.wp-submenu div {
    line-height: 22px;
}
.wp-submenu div li {
	margin-left: 0px !important;
}
.wp-submenu div li:last-child {
	padding-bottom: 10%;
}
.wp-submenu-head {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}
#wpadminbar {
	display: none !important;
}
#zm_alr_login_are-you-a-member {
	display: none !important;
}
.the-caption {
	position: relative;
    top: 15px;
    right: 15px;
    float: right;
    font-size: 11px;
    color: #251d17 !important;
    font-family: "unionregular", Arial, sans-serif;
    text-align: right;
    line-height: 14px;
    width: 90%;
}
.sticky header {
	position: fixed;
	height: 82px;
	overflow: hidden;
	top: 0px;
	left: 0px;
	right: 0px;
	margin-top: -82px;
	transition: margin-top 0s;
}
.sticky header.stuck {
	margin-top: 0px;
	transition: margin-top 0.6s;
}
.sticky header .the-caption {
	display: none;
}
body.sticky {
	padding-top: 47%;
}
.sticky header.stuck .title {
	color: #fff;
    font-size: 40px;
    line-height: 138px;
    top: 0px;
    position: relative;
}
.sticky header.stuck .subtitle {
    display: block;
    margin-top: 0px;
    margin-left: 0px;
    position: absolute;
    right: 104px;
    top: 60px;
    font-size: 13px;
}
.sticky header.stuck .header-text {
	text-align: left;
	left: 76px;
}
.menu-overlay .wp-submenu-head {
	color: #fff !important;
}
body.open.sticky header.stuck {
	margin-top: -82px;
	transition: margin-top 0.2s;
	overflow: visible;
}
body.open.sticky header.stuck img {
	display: none;
}
@media screen and (max-width: 768px) {
	.sticky header.stuck .header-text .title {
		color: #fff;
		font-size: 40px;
		line-height: 138px;
		top: -12px;
		position: relative;
		left: 37px;
	}
	.sticky header.stuck .subtitle {
		display: none !important;
	}
	.sticky header.stuck .header-text {
		text-align: center;
		left: 0px;
	}
}
@media screen and (max-width: 540px) {
	.sticky header.stuck .header-text .title {
		top: -10px;
		position: relative;
		left: 26px;
	}
	.sticky header.stuck .subtitle {
		display: none !important;
	}
}
footer {
	font-size: 12px !important;
    line-height: 16px;
}
footer span {
	font-size: 16px !important;
	font-weight: 600 !important;
}
#searchsubmit {
	margin-top: 20px;
}
#ajax-login-register-login-dialog {
	display: none;
}
.search-results a {
	font-family: "unionregular", Arial, sans-serif;
	border: none !important;
	display: block;
	margin-top: 38px;
}
.search-results {
	margin-top: 22px;
}
label span.label-comments {
	font-family: "unionregular", Arial, sans-serif;
	font-size: 12px;
}
a.article-actions {
	margin-top: 20px;
    display: inline-block;
    border: 2px solid;
    padding: 4px 10px 0px 10px;
    margin-right: 6px;
    font-family: "unionregular", Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}

.columns-3 span {
    font-family: "unionregular", Arial, sans-serif;
    font-size: 13px;
    display: block;
    margin-left: 0px;
    margin-bottom: 6px;
    line-height: 16px;
    text-indent: 0px;
}

.columns-3 li {
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}

.doi {
	display: inline-block;
	font-family: "unionregular", Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    white-space: nowrap;
    min-width: 260px;
}

.zm_alr_login_checkbox_container,
#zm_alr_login_forgot-password,
.already-registered-handle {
	display: none;
}

::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

:-ms-input-placeholder {  
   color: #fff;
}

.page-item-8 .children,
.page-item-15 .children {
	display: block !important;
    padding-top: 2%;
}

.page-item-479,
.page-item-435,
.page-item-463 {
	display: none;
}

#zm_alr_register_submit_button {
	float: right;
}

span.wpcf7-not-valid-tip {
    color: #251D17 !important;
    font-size: 12px !important;
    margin-top: 4px;
    display: block;
    font-family: "unionregular", Arial, sans-serif;
}

.wpcf7-response-output {
    margin: 0px !important;
    border-color: #251D17 !important;
    font-family: "unionregular", Arial, sans-serif;
    font-size: 13px;
    line-height: 39px;
    padding-bottom: 1px;
}

.zm_alr_email_field, .zm_alr_password_field, .zm_alr_text_field {
	letter-spacing: 0px !important;
}

.logged-in,
.not-logged-in {
	display: none;
}

.content img {
	max-width: 100% !important;
	width: 100% !important;
	height: auto !important;
	display: block;
}

div.wpcf7 img.ajax-loader {
    display: none !important;
}

.wpcf7-response-output {
	border-color: #251D17 !important;
}

#zm_alr_login_submit_button {
	position: relative;
	z-index: 9999;
	display: block;
    width: 96px;
    float: right;
    clear: both;
}

.ajax-login-register-status-container,
.ajax-login-register-status-container * {
	border:0px !important;
	padding: 0px !important;
	margin:0px !important;
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	background: transparent !important;
	color: #251D17 !important;
	font-family: "unionregular", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
	text-shadow: none !important;

}

.dkpdf-button-container {
	text-align: right !important;
    display: inline !important;
    width: auto !important;
    float: none !important;
	border: 0px !important;
    padding: 3px !important;
    margin-right: 8px !important;
}

.dkpdf-button {
    font-family: "unionregular", Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin: 0px !important;
    padding: 0px !important;
    border: 2px solid #251D17 !important;
    padding: 3px 10px 0px 6px !important;
}

a.dkpdf-button span.dkpdf-button-icon {
    font-size: 20px !important;
    margin-right: 4px !important;
}

.fa {
    position: relative !important;
    top: 2px !important;
    font-weight: 500 !important;
}

blockquote {
	margin-right: 42px;
	margin-left: 42px;
}

blockquote p {
	text-indent: 0px !important;
	font-size: 17px !important;
	line-height: 20px !important;
}

blockquote p:last-child {
	padding-bottom: 0px;
}

.content h4 {
	clear: both;
}

.content {
	position: relative;
}

#html-author-details {
	padding-left: 42px !important;	
}

#html-author-details #pdf-author-name {
	margin-bottom: 10px;
}

#html-meta,
#html-abstract {
    margin-top: -2%;
}

h4 {
    margin-bottom: 4px;
}

#html-keywords {
	margin-top: 0px !important;
}

#html-meta div{
	font-size: 12px !important;
    line-height: 17px !important;
	font-family: "unionregular", Arial, sans-serif !important;
}

#html-meta .dkpdf-button-container {
	width: 86px !important;
    overflow: hidden;
    display: block !important;
    float: left !important;
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 20px !important;
}

#html-meta .dkpdf-button-container + div {
	padding-top: 3px;
}

#html-meta .dkpdf-button-container a {
	float: left !important;
}

#html-meta .dkpdf-button-container p {
	text-indent: 0px !important;
}

#html-abstract {
	margin-left: 42px;
	margin-right: 42px;
}

blockquote {min-width: 90% !important;}

.force-akshar {
	font-family: "unionregular", Arial, sans-serif !important;
	font-size: 12px !important;
}

#html-article h2,#references h2 {
	font-family: "unionregular", Arial, sans-serif !important;
	font-weight: normal;
}

#html-article pre {
	font-size: 1.8vw;
    line-height: 3vw;
} 

#references ul {
	list-style-type: none;
	margin:0px;
	padding: 0px;
}
#references ul li {
	text-indent: -33px;
	margin-bottom: 12px;
}
#references ul li p {
	text-indent: 0px;
}

#references ul li:before {
	content: "";
}

#references a {
  	word-wrap: break-word;
}

#references {
	width: 100%;
}

pre {width:100%;}

h1 {
	width: 100% !important;
}

section hr:last-child {
	display: none;
}

.sticky .c-logo,
.sticky .c-logo-brown {
	opacity: 0;
}

.c-logo {
	position: absolute;
    top: 55px;
    right: 55px;
    width: 10%;
    transition: top 0.4s, right 0.4s;
}

.c-logo-brown {
	opacity: 0;
	position: absolute;
    top: 55px;
    right: 55px;
    width: 10%;
    transition: top 0.4s, right 0.4s;
}

.article-item {
	width: 48%;
	float: left;
	margin-bottom: 6%;
}

.article-item.odd {
	width: 100%;
}

.article-item.odd .thumb {
	padding-top: 50%;
}

.article-item.odd .article-title-wrap {
	height: auto !important;
}

.article-item:nth-child(even) {
	margin-right: 4%;
}

.the-article-details {
	width:100%;
	float:right;
}

.article-title-wrap {
	margin-bottom: 0px;
}

.article-title-wrap h3 {
	line-height: 24px;
	margin-bottom: 2px;
}

.thumb {
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.content img.theThumb {
	max-width: none !important;
	position: absolute;
	top: 50%;
	height: 100% !important;
	width: auto !important;
	transform: translate(0,-50%);

}

x.thumb:after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	background: url('http://capaciousjournal.com/assets/img/paper.jpg');
	opacity: 0.325;
	background-size: cover;
}

xheader:after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	background: url('http://capaciousjournal.com/assets/img/paper.jpg');
	opacity: 0.175;
	background-size: cover;
}



.singleHero {
	opacity: 0;
}

@media screen and (max-width: 768px) {
	header:after {
		display: none;
	}
	.singleHeader:before {
		display: none;
	}
}

@media screen and (max-width: 970px) {
	.article-item {
		width: 100%;
		margin-right: 0% !important;
	}
	.article-item .article-title-wrap {
		height: auto !important;
	}
	x.article-item .thumb {
		padding-top: 50% !important;
	}
}

@media screen and (max-width: 768px) {
	.c-logo {
		opacity: 0;
	}
	.c-logo-brown {
		opacity: 1;
	}
}

@media screen and (max-width: 500px) {
	#doi-meta {
		clear: both;
		margin-bottom: 20px;
	}
	.doi {
		margin-top: 10px;
	}
}

.c-logo-sidebar {
    width: 40%;
    margin-top: 40px;
}

.menu-overlay .c-logo-sidebar {
    margin-top: 0px;
    margin-left: 66px;
}

.thumb {
	margin-top:2%;
	width:100%;
	float:left;
	padding-top:100%;
	background-position: center center !important;
}

.the-article-details {
	width:100%;
	float:right;
	position: relative;
}

@media screen and (max-width: 650px) { 
	x.thumb {
		display: none;
	}

	.the-article-details {
		width:100%;
		float:left;
	}
}

.wp-caption-text {
	text-align: center;
	padding-top: 16px !important;
	font-family: "unionregular", Arial, sans-serif;
	font-size: 14px; 
}

.wp-caption,
.wp-caption img {
	width: 100% !important;
	height: auto !important;
}

.japanese {
	font-family: 'Noto Sans Japanese', sans-serif; 
}

.no-caption {
	text-indent: -999999999px !important;
    display: block;
}

.no-indent {
	padding-bottom:30px;
}

.sticky header.stuck .header-text {left:-99999999999999px;}

.sticky header.stuck {background: #fff !important;border-bottom:2px solid #251d17;}

.c-logo-sidebar {width: 130px !important;}

.sticky .header-menu {padding:5px !important;}
.sticky header {height:54px !important;}
.header-text {cursor:pointer;}
.stickening {display:none;}
.sticky .stickening {
	cursor:pointer;
	display:block;
    position: absolute !important;
    top: -42px !important;
    left: 50%;
    color: #251d17 !important;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    font-size: 30px !important;
    letter-spacing: -0.015em !important;
}

.article-item {width: 100% !important;position:relative;}

.thumb {
    margin-top: 0%;
    width: 60%;
    float: left;
    padding-top: 60%;
    background-position: center center !important;
}

.the-article-details {
    position: absolute;
    background: #fff;
    padding: 34px 34px 30px 34px;
    border: 4px solid #251d17;
    width: 60%;
    right: 0px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
}

.the-article-details:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 4px solid #251d17;
}

.article-title-wrap h3 {margin-top:0px;} 
.page_item_has_children {margin-top: 10px;}

.fa-file-pdf-o {display:none !important;}

a.article-actions,.dkpdf-button {
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-ms-transition: all 0.4s;
	background: #fff !important;
	border: 2px solid var(--issue-color, #251d17) !important;
	    
	        padding: 1px 12px 0px 12px !important;
    margin-top: 10px !important;
    line-height: 26px;
    font-weight: normal !important;
}

a.article-actions:not(.oaoa),.dkpdf-button {
	color: var(--issue-color, #251d17);
}

a.article-actions:not(.oaoa):hover,.dkpdf-button:hover {
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-ms-transition: all 0.4s;
	background: var(--issue-color, #251d17) !important;
	color: #fff;
	border: 2px solid var(--issue-color, #251d17) !important;
}

.the-sub {
	font-family: "unionregular";
    font-size: 12px;
    line-height: 14px;
    margin-top: 6px;
}

.article-title-wrap .squiggle {
	margin:0px !important;
	    margin-left: -1% !important;
}
.the-article-details {display:none;}

#html-meta .dkpdf-button {
	margin-top: 3px !important;
}

blockquote {margin-top:0px;}

sup { vertical-align: top; position: relative; top: -0.5em; }

.page_item_has_children > a {
	pointer-events: none;
}

.page-item-5 > a {
	pointer-events: none; 
}

.page-item-5 .children{
    display: block !important;
    padding-top: 2%;
}

.article-item {margin-top: 10px;}

.article-item {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
}

x.article-item:hover {
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
}

section:after {
	content: "";
	display: block;
	clear: both;
}

section[id*="article"] {
	margin-left: -278px;
}

section[id*="article"] h1 {
	margin-left: 278px;	
}

section[id*="article"] .article-0 {
	margin-left: 278px;	
	width: calc(100% - 278px) !important;
}

section[id*="article"] .article-item:not(.article-0) {
	width: calc(100% - 278px) !important;
}

section[id*="introduction"] .article-0 .thumb { 
	float: right;
}

section[id*="introduction"] .article-0 .the-article-details { 
	margin-left: -5% !important;
	right: auto;
	left: 0px;
}

body {width:100%;overflow-x:hidden;}

.article-1 .thumb{
	float: right;
}

.article-1 .the-article-details{
	left: 50%;
	right: auto;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

.post-315 .article-1 {
	margin-left: 100px;
}

.article-2 .thumb{
	float: left;
}

.article-2 .the-article-details{
	right: 0%;
	left: auto;
} 

.article-3 {
	margin-left: 278px;
}

.article-3 .thumb{
	float: right;
}

.article-3 .the-article-details{
	left: 0%;
	right: auto;
} 

.article-4 {
	left: 10%;
}

.article-5 .thumb{
	float: right;
}

.article-5 .the-article-details{
	left: 50%;
	right: auto;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

.article-6 .thumb{
	float: right;
}

.article-6 .the-article-details{
	left: 50%;
	right: auto;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

.article-7 .thumb{
	float: left;
}

.article-7 .the-article-details{
	right: 0%;
	left: auto;
} 

.article-8 {
	margin-left: 278px;
}

.article-8 .thumb{
	float: right;
}

.article-8 .the-article-details{
	left: 0%;
	right: auto;
} 

.article-9 {
	left: 10%;
}

.article-10 .thumb{
	float: right;
}

.article-10 .the-article-details{
	left: 50%;
	right: auto;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

@media screen and (max-width: 975px) {
	.article-item .thumb {
		width: 80% !important;
		padding-top: 80% !important;
	}
	.the-article-details {
		width: 80% !important;
	}
	.article-6,
	.article-1{
		margin-left: 190px !important;

	}
	.article-7,
	.article-2{
		margin-left: 10% !important;

	}
	.article-10,
	.article-5{
		margin-left: 15% !important;

	}
}

@media screen and (max-width: 768px) {
	section[id*="introduction"] .article-0 .the-article-details {
		margin-left: 0px !important;
	}
	section[id*="article"],
	section[id*="introduction"],
	section[id*="afterword"] {
		margin-left: 0px !important;
		width: 100% !important;
	}
	section[id*="article"] h1 {
		margin-left: 0px !important;
	}
	section[id*="article"] .article-item,
	section[id*="article"] .article-item:not(.article-0),
	section[id*="introduction"] .article-item,
	section[id*="introduction"] .article-item:not(.article-0),
	section[id*="afterword"] .article-item,
	section[id*="afterword"] .article-item:not(.article-0){
		margin-left: 0px !important;
		width: 100% !important;
		left:0% !important;
	} 
}

@media screen and (max-width: 480px) {

	.article-item .thumb {
		display: none;
	}
	.the-article-details {
		clear: both;
		position: relative;
		width: 100% !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		transform: none !important;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		left: 0px !important;
	}
	.article-item .doi {
		display: none;
	}

}

.wpcf7-submit, input#register, .multi-nav-next, .multi-nav-back, .modal input[type=submit], #zm_alr_login_submit_button, #zm_alr_register_submit_button {
	padding-bottom: 4px;
}


a.dkpdf-button span.dkpdf-button-icon {
    margin-right: 0px !important;
}

body[class *="introduction"] #html-abstract,
body[class *="afterword"] #html-abstract,
body[class *="introduction"] .fonline,
body[class *="afterword"] .fonline {display: none;}

body[class *="introduction"] #html-article,
body[class *="afterword"] #html-article {clear:both;margin-top: 60px;}

body[class *="introduction"] #html-meta div,
body[class *="afterword"] #html-meta div {line-height: 34px !important;}

.post-849 .content h1:first-child {
	display: none;
}


.content h1 {
	margin-top: 13px !important;
}


.content h1 {
	margin-top: 13px !important;
}

.column h2 {
	font-family: "unionregular";
}

.column {
	    -webkit-columns: 2; /* Chrome, Safari, Opera */
    -moz-columns: 2; /* Firefox */
    columns: 2;
}

.column div {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
margin-bottom: 16px;
}
.column div p {
	padding-left: 10px;
}

.column h6 {
	margin-top: 6px !important;
	margin-bottom: 0px !important;  
	line-height: 19px !important;
}

#issue-img {
	width: 60%;
	margin-top: 7px;
	 float: left;
}

#issue-intro {
	width: 38%;
	float: right;  
	    line-height: 25px !important;  
}

#issue-intro p{
	line-height: 25px !important;  
}
#issue-toc:before {
	content: "";
	display: block;
	clear: both;
}

#issue-toc {
	width: 100%;
	clear: both;
	font-family: "Circular Std";
	text-transform: uppercase;
	margin-top: 50px !important; 
	float: left;
}

.layoutArea {
	width: 100%;
	clear: both;
}

@media screen and (max-width: 1135px) {
#issue-img {
	width: 49%;
	 float: left;
}

#issue-intro {
	width: 49%;
	float: right; 
	    line-height: 25px !important;  
}
}

@media screen and (max-width: 950px) { 
.column {
	    -webkit-columns: 1; /* Chrome, Safari, Opera */
    -moz-columns: 1; /* Firefox */
    columns: 1;
}
#issue-img {
	width: 100%;
	 float: right;

}

#issue-intro {
	margin-top: 30px;
	width: 100%;
	float: right; 
	    line-height: 25px !important;  
}
} 


.sidebar {z-index: 9;}


.page-item-5 ul.children {
	margin-bottom:0px;
}

.page-item-6 ul.children {
	display:block;
	padding-top:0px;
	margin-bottom:0px;
}

/* EARLY VIEW
.page-item-315 {
	display:none;
}
*/
  
.page-item-849 {
	display: none;
}

 .wordmark {
 	font-family: "Inter";
	font-style: normal;
 }

 .the-bio a {border:0px !important;}

 .the-bio ul, .the-bio li {
 	list-style-type: none;
 	margin: 0px;
 	padding: 0px;
 	text-indent: 0px;
 }

 .the-bio li:before {
 	content: "";
 	margin: 0px;
 }

 .the-bio li {
 	margin-bottom: 10px;
 }

#html-meta strong {font-weight:normal !important;}