/*
Theme Name: N2 Solutions SICS
Text Domain: n2sics
Author: n2solution
Author URI: www.n2solution.com
Version: 2.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Navigation
	11.1 Main Navigation
	11.2 Category Navigation
12.0 Layout
	12.1 Base
	12.2 Layout Elements
	12.3 Reusable Elements
	12.4 Header
	12.5 Footer
	12.6 Front Page
	12.7 Regular Page
13.0 Media
14.0 Customizer
15.0 SVGs Fallbacks
16.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 951px) {

	.pull {
		display: block;
		float: left; }
	
	.push {
		display: block;
		float: right; }

}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.wrap:before,
.wrap:after,
.container:before,
.container:after,
.row:before,
.row:after,
.clear:before,
.clear:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
	table-layout: fixed; }

.wrap:after,
.container:after,
.row:after,
.clear:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both; }

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

/* NOTE : html is set to 62.5% so that all the REM measurements are based on 10px sizing. */
html {
  font-size: 62.5%; }
  
body {
  font-size: 1.4em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Noto Sans KR', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #333; }
  
h1 { font-size: 2.0rem; line-height: 1.2;  }
h2 { font-size: 1.8rem; line-height: 1.25; }
h3 { font-size: 1.6rem; line-height: 1.3;  }
h4 { font-size: 1.6rem; line-height: 1.3;  }
h5 { font-size: 1.4rem; line-height: 1.5;  }
h6 { font-size: 1.4rem; line-height: 1.5;  }

@media screen and (min-width: 951px) {

	h1 { font-size: 2.4rem; }
	h2 { font-size: 2.0rem; }
	h3 { font-size: 1.8rem; }
	h4 { font-size: 1.6rem; }
	h5 { font-size: 1.4rem; }
	h6 { font-size: 1.4rem; }

}

p, ul, ol, li, dl, dd, dt  {
  margin: 0;
  padding: 0;
  color: #333; }
  
a {
	color: #333; }

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

fieldset {
	border: 0;
	margin: 0;
	padding: 0; }
	
legend {
	display: none; }

label,
input {
	display: block;
	float: left;
	vertical-align: middle;
  outline-style: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border: 1px solid #bebebe;
	-webkit-border-radius: 3px;
	border-radius: 3px;
  font-size: 1.6rem;
  line-height: 2.2rem;
  height: 2.2rem;
  padding: .1rem .5rem; }

.new-search input[type="text"]
{
  height: 2.8rem;
}


input[type="submit"] {
	color: #fff;
	background-color: #666;
	border: 0;
	line-height: 1;
	font-size: 1.6rem;
	font-weight: 500;
	text-shadow: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	padding: .3rem; }

.inline-input + input[type="submit"] {
	width: 4rem;
	margin-left: 1rem; }
	
.inline-input {
	width: calc(100% - 5rem); }

.has-radio .inline-input {
	width: calc(100% - 14.8rem); }

.new-search .inline-input {
	width: calc(100% - 3.2rem); }

.new-search input:focus {
	outline: none;
}
.new-search button {
	color: #666;
}
.new-search .new-search-option {
	display: none;
}
.new-search .new-search-option.on {
	display: block;
}
	
.search {
	text-align: right; }
	
@media screen and (min-width: 951px) {

	.search {
		width: 26rem; }
		
	.search.has-radio {
		width: 35rem; }

}

	.new-search {
		width: 23rem;
		color: #666; }

.has-radio input[type="radio"] {
	margin-top: .5rem;
	margin-right: .2rem; }

.has-radio input[type="radio"] + label {
	margin-right: .5rem; }
	
.submitter {
	cursor: pointer; }

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px; }

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/
	
li,
dt,
dd {
	list-style: none; }

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/


/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	text-decoration: none; }

a:focus,
a:hover,
a:active {
	outline: 0; }
	
.shortcuts .icon {
	margin-left: .3rem; }

/*--------------------------------------------------------------
11.0 Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
11.1 Main Navigation
--------------------------------------------------------------*/

.main-navigation {
	background-color: #fff; }
	
.main-navigation li {
	list-style: none; }
	
.main-navigation .menu > .menu-item {
	border-bottom: 1px solid #ebebeb;
	padding-top: .9rem;
	padding-bottom: .9rem; }
	
.main-navigation .menu > .menu-item:before,
.main-navigation .menu > .menu-item:after {
	content: '';
	display: table;
	table-layout: fixed; }

.main-navigation .menu > .menu-item:after {
	clear: both; }

.main-navigation .menu > .menu-item > a {
	display: block;
	font-size: 1.6rem;
	line-height: 3rem;
	float: left;
	width: calc(100% - 3rem); }
	
.main-navigation .menu > .menu-item > a > .icon {
	display: none; }

@media screen and (min-width: 951px) {

	.main-navigation {
		height: 3rem;
		background-color: #333; }

	.main-navigation .menu {
		float: right; }
		
	.main-navigation .menu > .menu-item {
		border-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		float: left;
		margin-right: 3.5rem;
		color: #bbb; }
		
	.main-navigation .menu > .menu-item:last-child {
		margin-right: 0; }
	
	.main-navigation .menu > .menu-item > a {
		color: #bbb;
		font-size: 1.2rem;
		line-height: 1;
		padding-top: .9rem;
		padding-bottom: .9rem;
		float: none;
		width: auto; }
		
	.main-navigation .menu > .menu-item:hover > a,
	.main-navigation .menu > .menu-item:focus > a,
	.main-navigation .menu > .menu-item.current-menu-item > a,
	.main-navigation .menu > .menu-item.current-menu-ancestor > a {
		color: #fff; }

}

/* Sub menus */

.main-navigation .sub-menu > li {
	padding-left: 1rem; }
	
.main-navigation .sub-menu > li > a {
	color: #666; }
	
@media screen and (max-width: 950px) {

	.main-navigation .sub-menu {
		width: 100% !important; }

}

@media screen and (min-width: 951px) {

	.main-navigation .sub-menu {
		position: absolute;
		top: 30px;
		padding-top: 2.5rem; }
		
	.main-navigation .sub-menu > li {
		padding-left: 0; }
		
	.main-navigation .sub-menu > li > a {
		display: block;
		font-size: 1.3rem;
		line-height: 1.4;
		margin-bottom: .8rem;
		color: #333; }

	.sub-menu-container {
		background-color: rgba(255,255,255,0.9);
		-webkit-box-shadow: inset 0px -1px 0px 0px rgba(204,204,204,1);
		-moz-box-shadow: inset 0px -1px 0px 0px rgba(204,204,204,1);
		box-shadow: inset 0px -1px 0px 0px rgba(204,204,204,1);
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
		min-height: 8rem; }

	.sub-menu-container .menu-description {
		position: absolute;
		left: 1rem;
		top: 0;
		min-width: 23rem; }
		
	.sub-menu-container .menu-description h3 {
		font-size: 2rem;
		color: #666;
		font-weight: 700;
		margin-bottom: 1.5rem; }
		
	.sub-menu-container .menu-description p {
		font-size: 1.3rem;
		font-weight: 500; }

}

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

	.sub-menu-container .menu-description {
		display: none !important; }

}

/* Visibilities */

.main-navigation .menu-home-container {
	display: none; }

.main-navigation.toggled-on .menu-home-container {
	display: block; }

.main-navigation .sub-menu {
	display: none; }
	
.main-navigation .sub-menu.toggled-on {
	display: block; }

.sub-menu-container,
.sub-menu-container .menu-title {
	display: none; }

@media screen and (min-width: 951px) {
		
	.main-navigation .menu-home-container {
		display: block; }
		
	.main-navigation .sub-menu,
	.main-navigation .sub-menu.toggled-on {
		display: none; }
		
	.hover-on .main-navigation .sub-menu,
	.hover-on .sub-menu-container {
		display: block; }
		
	.sub-menu-container .menu-description {
		display: block;
		opacity: 0; }
		
	.sub-menu-container .menu-description.hover-on {
		opacity: 1; }

}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	color: #fff;
	display: block;
	position: absolute;
	right: 4px;
	top: -4rem; }

.menu-toggle .icon {
	width: 2.4rem;
	height: 2.4rem; }
	
.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none; }

.menu-toggle:focus {
	outline: thin solid; }

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none; }

.toggled-on .menu-toggle .icon-close {
	display: inline-block; }
	
@media screen and (min-width: 951px) {

	.menu-toggle {
		display: none; }

}

/* Dropdown Toggle */

.main-navigation .dropdown-toggle {
	background-color: transparent;
	border: 1px solid #eee;
	color: #666;
	border-radius: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	display: block;
	float: right;
	width: 3rem;
	height: 3rem;
	padding: .6rem; }

.main-navigation .dropdown-toggle:focus {
	outline: thin dotted; }

.main-navigation .dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg); }
	
@media screen and (min-width: 951px) {

	.main-navigation .dropdown-toggle {
		display: none; }

}

/*--------------------------------------------------------------
11.2 Category Navigation
--------------------------------------------------------------*/
	
@media screen and (min-width: 951px) {
	
	.categories {
		width: 273.5px; }

	.thesis-container .categories {
		width: 298.5px; }

	.categories.fixed {
		position: fixed;
		-webkit-trasition: transform .3s ease;
		transition: transform .3s ease; }

	.categories.fixed.animate {
		transform: translateY(-75px); }

}

.category-heading {
	background-color: #f0f0f0;
	border: 1px solid #d9d9d9;
	margin: -1px -1px 0 -1px;
	padding: 2rem; }

.category-menus {
	background-color: #fff;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	margin: 0 -1px; }
	
/* Item Base */

.category-menus li {
	list-style: none;
	position: relative; }

.category-menus a {
	font-size: 1.2rem;
	font-weight: 700;
	color: #666;
	display: block;
	width: 100%; }

/* Spaces */

.category-menus a {
	padding: .85rem 2rem; }

.children > .cat-item > a {
	padding-left: 3rem; }
	
.children > .cat-item > .children > .cat-item > a {
	padding-left: 4rem; }
	
/* Borders */

.category-menus a {
	border-bottom: 1px solid #d9d9d9; }
	
/* Visibilities */
	
.category-menus .children {
	display: none; }

.category-menus .children.toggled-on {
	display: block; }

/* Current Category Item */

.all-cat-item.current-cat > a,
.category-menus .current-cat:not(.all-cat-item) {
	background-color: #eee; }

/* Scroller Items */

.scroller {
	cursor: pointer; }

.category-menus > .current-scroll {
	background-color: #eee; }

/* Dropdown Toggle */

.category-menus .dropdown-toggle {
	background-color: transparent;
	border: 0;
	color: #999;
	display: block;
	position: absolute;
	padding: 0;
	right: 2rem;
	top: 1.2rem; }

.category-menus .dropdown-toggle:focus {
	outline: thin dotted; }
	
.category-menus .dropdown-toggle .icon {
	width: 1rem;
	height: 1rem; }

.category-menus .dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
	margin-top: -1px; }
	
/* Categories inside Wing */

@media screen and (min-width: 951px) {

	.wing .categories {
		width: 250px; }

}

.wing .category-heading {
	padding: 2rem;
	background-color: #fff;
	margin: 0; }

.wing .category-heading h3 {
	font-size: 2.2rem;
	font-weight: 300; }
	
.wing .category-heading p {
	font-size: 1.2rem;
	font-weight: 400; }
	
.wing .category-heading h3 + p {
	margin-top: 1rem; }
	
.wing .category-menus {
	margin: 0; }
	
.wing .category-menus + .category-menus {
	border-top: 1px solid #d9d9d9;
	margin-top: 20px; }
	
/*--------------------------------------------------------------
12.0 Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.1 Base
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit; }

body {
	background-color: #f0f0f0; }
	
.wrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 118rem;
	padding-left: 1rem;
	padding-right: 1rem; }

	
@media screen and (min-width: 951px) {

	.site-header {
		position: fixed;
		z-index: 10;
		left: 0;
		top: 0;
		width: 100%; }

	.admin-bar .site-header {
		top: 32px; }
		
}

.site-content {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem; }

@media screen and (min-width: 951px) {

	.site-content {
		padding-top: 3.5rem;
		padding-bottom: 2rem;
		margin-top: 10.5rem; }

}

/*--------------------------------------------------------------
12.2 Layout Elements
--------------------------------------------------------------*/

/* Container */

.container {
	position: relative;
	display: block; }
			
@media screen and (min-width: 951px) {

	.container {
		display: flex;
		width: 100%; }
		
	.page-template-has-wing .container {
		align-items: flex-start;
		flex-direction: row-reverse; }

}

/* Content with Aside, Wing or Heading */

.aside {
	margin-bottom: 1.5rem;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	border-bottom: 0; }

.content {
	padding: 2.5rem 1rem;
	background-color: #fff;
	border: 1px solid #d9d9d9; }
	
.heading + .content {
	border: 0; }

.page-template-has-journals .aside + .content {
	padding: 0; }

.page-template-has-wing .wing + .content {
	margin-top: 2rem; }

@media screen and (min-width: 951px) {

	.aside {
		min-height: 60rem;
		margin-bottom: 0;
		width: 276px;
		border-bottom: 1px solid #d9d9d9; }

	.thesis-container .aside {
		width: 301px;
	}
		
	.content {
		padding: 3.9rem 2.5rem; }
		
	.aside + .content {
		border-left: 0;
		width: calc(100% - 275px); }

	.thesis-container .aside + .content {
		border-left: 0;
		width: calc(100% - 300px); }

		
	.page-template-has-journals .aside {
		width: 386px; }
	
	.page-template-has-journals .aside + .content {
		width: calc(100% - 385px);  }

	.page-template-has-wing .wing {
		width: 250px;
		margin-left: 2.5rem; }
		
	.page-template-has-wing .wing + .content {
		width: calc(100% - 275px);
		margin-top: 0; }

}

/* Panel */
	
.panel {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	padding: 1rem;
	margin-bottom: 1.5rem; }
	
@media screen and (min-width: 769px) {

	.panel {
		padding-left: 2rem;
		padding-right: 2rem;
		margin-bottom: 0; }

}
	
.panel-title {
	text-align: right;
	font-size: 1.2rem;
	font-weight: 500;
	margin-bottom: 1.5rem; }

.panel-title + .panel-content {
	height: calc(100% - 3rem); }

/* Section */

.section {
	margin-bottom: 5.5rem; }
	
.section:nth-last-of-type(1) {
	margin-bottom: 0; }

.section-heading {
	min-height: 2.6rem;
	margin-bottom: 2.5rem; }

h2.section-title {
	font-size: 2.2rem;
	line-height: 1.2;
	font-weight: 400; }
	
h3.section-title {
	font-size: 1.8rem;
	line-height: 1;
	font-weight: 400;
	color: #666; }

.uppercase {
	text-transform: uppercase; }

.section-subtitle {
	font-size: 1.2rem;
	color: #666;
	margin-top: 1rem; }

.detailed-heading {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #d9d9d9; }

@media screen and (min-width: 951px) {

	.detailed-heading .section-title,
	.detailed-heading .section-subtitle {
		float: left; }
		
	.detailed-heading .section-subtitle {
		margin-left: 2rem; }

}
	
.detailed-heading .more-link {
	margin-top: .8rem; }

.detailed-heading .more-link > a {
	display: block;
	font-size: 1.4rem;
	color: #666; }
		
@media screen and (min-width: 951px) {

	.detailed-heading .more-link > a {
		float: left;
		margin-left: 2.5rem; }

}
	
.section-categories {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 2.5rem; }

.detailed-heading + .section-categories {
	border-top: 0;
	padding-top: 0;
	margin-top: -1.5rem; }

.section-category {
	float: left;
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	color: #989898;
	padding: .2rem 1rem; }
	
.section-category.on {
	color: #333; }
	
.page-template-newsletter .section-heading {
	border-bottom-width: 2px; }

/* Column */

.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

@media screen and (min-width: 769px) {

  .columns {
    margin-left: 4%; }

  .columns:first-child {
    margin-left: 0; }

  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

}

/* Grid (Pinterest style) */

.grid .item-sizer,
.grid .item {
	width: 100%; }
	
.grid .gutter-sizer {
	width: 0%; }
	
@media screen and (min-width: 769px) {

	.grid .item-sizer,
	.grid .item {
		width: 30.6666666667%; }
		
	.grid .gutter-sizer {
		width: 4%; }

}

/* Rows & Columns */

.content > .row {
	margin-bottom: 5.5rem; }
	
.content > .row:nth-last-of-type(1)	{
	margin-bottom: 0; }
	
@media screen and (min-width:769px) {

	.content > .row:nth-last-of-type(1) > .columns	{
		margin-bottom: 0; }

}

.home .row:last-child > .column:last-child > .panel:last-child {
		margin-bottom: 0; }

@media screen and (min-width: 769px) {

	.home .row + .row {
		margin-top: 3rem; }
		
	.home .row > .column > .panel + .panel {
		margin-top: 3rem; }

	.home .row > .column:first-child {
		width: 35rem;
		margin-right: 3rem; }
		
	.home .row > .column:last-child {
		width: calc(100% - 38rem); }

}

/*--------------------------------------------------------------
12.3 Reusable Elements
--------------------------------------------------------------*/

/* Scroll Container and Simple Scrollbar */

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

	.vertical-container {
		height: 35rem !important; }
		
	.vertical-container.full-height {
		height: auto !important; }

}

.horizontal-container {
	white-space: nowrap; }

.horizontal-container .scrolled-item {
	display: inline-block;
	white-space: normal;
	vertical-align: top; }

.vertical-container .item {
	padding-right: 2rem; }

@media screen and (min-width:769px) {

	.vertical-container:not(.full-width) {
		width: calc(100% + 1rem); }

	.vertical-container:not(.full-width) .item {
		margin-right: 1rem;
		padding-right: 1rem; }

}

.simplebar-track {
	background-color: #eee;
	border-radius: 10px; }

.vertical-container .simplebar-scrollbar,
.vertical-container .simplebar-scrollbar.visible,
.horizontal-container .simplebar-scrollbar,
.horizontal-container .simplebar-scrollbar.visible,
.vertical-container .simplebar-track,
.horizontal-container .simplebar-track {
	opacity: 0 !important; }
	
.vertical-container:hover .simplebar-scrollbar,
.vertical-container:hover .simplebar-scrollbar.visible,
.horizontal-container:hover .simplebar-scrollbar,
.horizontal-container:hover .simplebar-scrollbar.visible,
.vertical-container:hover .simplebar-track,
.horizontal-container:hover .simplebar-track {
	opacity: 1 !important; }

/* Slick Slider */

.slick-arrow {
	position: absolute;
	z-index: 1;
	cursor: pointer;
	color: #666;
	top: 8rem;
	transform: translateY(-50%); }
	
.slick-prev {
	left: 0; }
	
.slick-next {
	right: 0; }

@media screen and (min-width: 769px) {

	.slick-prev {
		left: -1rem; }
		
	.slick-next {
		right: -1rem; }

}

.slick-arrow .icon {
	width: 3rem;
	height: 3rem; }

.slick-dots {
	text-align: center; }

.slick-dots li {
	display: inline-block;
	margin-left: .8rem;
	margin-right: .8rem; 
	text-indent: -9999px;
	background-color: #f0f0f0;
	border-radius: 100%;
	width: 1.5rem;
	height: 1.5rem;
	cursor: pointer; }
	
/* Item */

.item-image-container {
	display: block;
	position: relative;
	overflow: hidden; }
	
.item-image-container:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 0 #ff0000; }
  
.item:hover .item-image-container:after {
	box-shadow: inset 0 0 0 2px #ff0000; }
	
.item-image {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #ebebeb; }

/* Book Item */
.loading-book {
	width: 30px;
	height: 30px;
	margin: 100px auto;
}

/*.loading-book {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 48px;
	height: 48px;
	margin: 70px auto;
	border-radius: 24px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0.15) 90%);
	animation: circle 1s linear infinite;
}
.loading-book span {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
	width: 5px;
	height: 5px;
	margin: auto;
	border-radius: 2.5px;
	background-color: #000;
}
.loading-book:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 38px;
	height: 38px;
	margin: auto;
	border-radius: 19px;
	background-color: #fff;
	content: '';
}
@keyframes circle {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}*/

.featured-book {
	visibility: hidden;
}
.featured-book-item {
	text-align: center;
	padding-bottom: 1.5rem;
	width: 16.3rem;
	margin-right: 2.5rem; }
	
.featured-book-item:last-child {
	margin-right: 0; }
	
.featured-book-item .book-image {
	height: 16rem;
	width: 11.5rem;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto; }

.featured-book-item .book-data h4 {
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 1.8rem;
	max-height: 5.4rem;
	overflow: hidden;
	margin-bottom: .4rem; }

.featured-book .featured-book-item .book-data h4 {
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 1.4;
	max-height: none;
	margin-bottom: .4rem; }

.featured-book-item .book-data > span {
	display: block;
	font-size: 1.2rem;
	line-height: 1.7rem;
	max-height: 3.4rem;
	overflow: hidden;
	margin-bottom: .4rem; }
	
.featured-book-item .book-data > span:last-child {
	margin-bottom: 0; }
	
.featured-book .featured-book-item {
	width: auto;
	margin-right: 0;
	padding-left: 1rem;
	padding-right: 1rem; }
	
/* Video */

.video-container {
	width: 100%;
	height: 0;
	padding-bottom: 56.3%;
	position: relative;
	overflow: hidden; }
	
.video-container .video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }
	
/* OCW Item */

.featured-ocw-item {
	text-align: center;
	padding-bottom: 1.5rem;
	width: 15.2rem;
	margin-right: 1.5rem;
	cursor: pointer; }
	
.featured-ocw-item:last-child {
	margin-right: 0; }
	
.featured-ocw-item .ocw-image {
	height: 9.1rem;
	width: 13rem;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto; }

.featured-ocw-item .ocw-data h4 {
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 1.4;
	margin-bottom: .4rem; }

.featured-ocw-item .ocw-data > span {
	display: block;
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: .4rem; }
	
.featured-ocw-item .ocw-data > span:last-child {
	margin-bottom: 0; }
	
.featured-ocw .featured-ocw-item {
	width: auto;
	margin-right: 0;
	padding-left: 1rem;
	padding-right: 1rem; }

/*--------------------------------------------------------------
12.4 Header
--------------------------------------------------------------*/

.site-branding {
	color: #fff;
	padding-top: 1.35rem;
	padding-bottom: 1.35rem; }
	
.site-title h1 {
	font-size: 1.4rem;
	font-weight: 700;
	color: #fff; }
	
.site-title h2 {
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	margin-top: .5rem; }

.site-logo img {
	margin-top: 1rem;
	max-width: 8rem; }
	
@media screen and (min-width: 951px) {

	.site-title {
		padding-top: .85rem;
		padding-bottom: .85rem;
		width: calc(100% - 12.3rem); }
	
	.site-title h1 {
		font-size: 2.6rem;
		float: left; }
		
	.site-title h2 {
		font-size: 2.4rem;
		margin-top: 0;
		margin-left: 1rem;
		float: left; }
		
	.site-logo img {
		margin-top: 0;
		max-width: none; }
		
	.site-header {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: transform .3s ease;
						transition: transform .3s ease;}
						
	.scrolled .site-header {
		-webkit-transform: translateY(-7.5rem);
		transform: translateY(-7.5rem); 
		-ms-transform: translateY(-7.55rem);
		}

}

/*--------------------------------------------------------------
12.5 Footer
--------------------------------------------------------------*/

.site-info {
	font-size: 1.2rem;
	color: #989898;
	margin-bottom: 2rem; }
	
.site-footage img {
	width: 100%;
	max-width: 37rem;	}
	
.site-contact {
	margin-top: 1rem; }
	
.copyright {
	text-transform: uppercase; }
	
.site-link {
	display: block;
	float: left;
	margin-top: 1rem;
	margin-left: 1.1rem; }
	
.site-link:first-child {
	margin-left: 0; }
	
.site-link > a > img {
	height: 3.5rem; }
	
@media screen and (min-width: 951px) {
	
	.site-contact {
		margin-top: 1.2rem; }

	.site-link {
		margin-top: 2rem; }

}

/*--------------------------------------------------------------
12.6 Front Page
--------------------------------------------------------------*/

.latest-journal-item {
	display: flex;
	align-items: center;
	margin-bottom: 2rem; }
	
.latest-journal-item:last-child {
	margin-bottom: 0; }
	
.latest-journal-item .journal-image {
	width: 50px;
	height: 70px; }

.latest-journal-item .journal-data {
	width: calc(100% - 6.5rem); }

.latest-journal-item .journal-data h4 {
	font-size: 1.3rem;
	font-weight: 500; }

.latest-journal-item .journal-data time {
	font-size: 1.2rem; }

.latest-journal-item .journal-image + .journal-data {
	margin-left: 1.5rem; }

.latest-journal {
	height: 400px;
}

.featured-news {
	height: 400px;
}

.loading-news {
	width: 30px;
	height: 30px;
	margin: 140px auto;
}

.featured-news .panel-content {
	/*height: 350px;*/
	visibility: hidden;
}
	
.featured-news-item {
	margin-bottom: 2rem; }
	
.featured-news-item .news-image {
	display: block;
	margin-bottom: 1.5rem; }
	
.featured-news-item .news-image img {
	width: 100%; }
	
.featured-news-item .news-data h4 {
	font-size: 2.2rem;
	margin-bottom: 1rem;
	font-weight: 500; }
	
.featured-news-item .news-data p {
	font-size: 1.4rem;
	margin-bottom: 1rem; }

.featured-news-item .news-data time {
	display: block;
	font-size: 1.4rem; }

.featured-news-item .news-data span {
	display: block;
	font-size: 1.4rem; }
	
@media screen and (min-width: 769px) {
	
	.featured-news-item {
		margin-bottom: 5.3rem; }

	.featured-news-item .news-image {
		float: left;
		width: 23rem;
		height: 27.5rem;
		margin-bottom: 0;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover; }
		
	.featured-news-item .news-image img {
		display: none; }
			
	.featured-news-item .news-data {
		float: right;
		width: calc(100% - 25.5rem); }
	
	.featured-news-item .news-data p {
		margin-top: 3.5rem;
		margin-bottom: 3.5rem; }

}

.conference-schedule-item {
	border-top: 1px solid #bebebe;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem; }

.conference-schedule-item h4 {
	font-size: 1.3rem;
	margin-bottom: .8rem;
	font-weight: 500; }
	
.conference-schedule-item dt,
.conference-schedule-item dd {
	font-size: 1.2rem;
	float: left; }
	
.conference-schedule-item dt + dd {
	margin-left: .5rem; }
	
.featured-report-item {
	border-top: 1px solid #bebebe;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	width: 16.3rem;
	margin-right: 2.5rem; }
	
.featured-report-item:last-child {
	margin-right: 0; }

.featured-report-item h4 {
	font-size: 1.3rem;
	margin-bottom: .8rem;
	font-weight: 500;
	line-height: 1.8rem;
	max-height: 9rem;
	overflow: hidden; }
	
.featured-report-item time {
	font-size: 1.2rem;
	display: block; }
	
.featured-report-item span {
	font-size: 1.2rem;
	display: block;
	line-height: 1.8rem;
	margin-top: .3rem;
	max-height: 3.6rem;
	margin-bottom: .8rem;
	overflow: hidden; }

/*--------------------------------------------------------------
12.7 Regular Page
--------------------------------------------------------------*/

/* Menu Title */

.menu-parent-title {
	font-size: 1.2rem;
	line-height: 1.67;
	font-weight: 300; }

.menu-title {
	font-size: 2rem;
	line-height: 1;
	font-weight: 300; }
	
.menu-parent-title + .menu-title {
	margin-top: 1rem; }

/* Heading */
	
.heading {
	background-color: #f0f0f0;
	border: 1px solid #d9d9d9;
	padding: 2rem; }
	
.heading .search {
	margin-top: 2rem; }
	
@media screen and (min-width: 951px) {

	.heading {
		padding: 1.6rem 2.5rem; }
		
	.heading .search {
		margin-top: 0; }

	.heading .menu-parent-title {
		display: inline-block;
		margin-bottom: 0; }
		
	.heading .menu-parent-title + .menu-title {
		display: inline-block;
		margin-left: 2.5rem;
		margin-top: 0; }
		
}

/* Content List */

@media screen and (min-width: 769px) {

	.content-list {
		margin-bottom: 3rem; }
		
	.content-list:nth-last-of-type(1),
	.section:nth-last-of-type(1) > .section-content > .content-list,
	.row:nth-last-of-type(1) > .content-list,
	.grid .content-list {
		margin-bottom: 0; }

}

.content-list-title + .content-list-items .content-list-item {
	padding-left: 2rem; }

.content-list-title {
	font-size: 1.6rem;
	font-weight: 700;
	padding: .8rem 1rem;
	border-top: 2px solid #d9d9d9; }
	
.content-list-item {
	list-style: none;
	width: 100%;
	padding: 1rem;
	border-top: 1px solid #d9d9d9; }
	
.content-list-item a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1.4rem; }

.page-template-webdb .content-list-item a {
	display: block;
	width: 100%;
	height: auto;
	font-size: 1.4rem; 
}

.content-list-item img {
	display: inline-block;
	width: 100%; }
	
.content-list-item .list-item-title {
	font-size: 1.6rem;
	font-weight: 700;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem; }
	
.content-list-item .image {
	flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
	height: 10rem;
	width: 100%;
	padding-top: 2.25rem;
	padding-bottom: 2.25rem;
	font-size: 1.4rem;
	line-height: 1.8;
	font-weight: 400; }

.content-list-item .image img {
	display: inline-block;
	max-width: 100%;
	max-height: 5.5rem;
	width: auto; }
	
.content-list-item .image.large {
	padding-top: 1rem;
	padding-bottom: 1rem; }

.content-list-item .image.large img {
	max-height: 8rem; }

.content-list-item .description {
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: 400;
	margin-top: .5rem; }
	
.content-list-item .image + .description {
	margin-top: 0; }
	
.content-list-item .description small {
	display: block;
	margin-top: 1.5rem;
	margin-left: 1rem;
	font-size: 1rem; }
	
.content-list-item .list-item-links {
	margin-top: 1rem;
	margin-bottom: 1rem; }

.content-list-item .list-item-title + .list-item-links {
	margin-left: 1rem; }
	
.content-list-item .list-item-title + .list-item-links a {
	margin-bottom: 1rem; }

/* Web DB Page Template */

.page-template-webdb .content-list-item {
	height: 210px; }
	
/* Fully Editable Page Temeplate */

.page-template-editable img {
	max-width: 100%; }
	
/* Lists & Tools */

.section-4 .content-list-item {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem; }

/* About Page */

.sitemap .menu-item > a {
	display: block;
	font-size: 1.6rem;
	margin-top: 1rem;
	margin-bottom: 1rem; }
	
.sitemap .sub-menu .menu-item > a {
	font-size: 1.4rem;
	line-height: 1.3;
	margin-bottom: .8rem; }
	
.sitemap .menu-description {
	font-size: 1.2rem; }

.sitemap div.menu-item {
	border-top: 1px solid #bebebe;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-bottom: 5.5rem; }

.sitemap .sub-menu {
	margin-top: 1rem; }
	
/* Book */

.category-sitemap dt {
	font-size: 1.6rem;
	font-weight: 700;
	padding: .5rem 1rem; }
	
.category-sitemap dd {
	font-size: 1.4rem;
	font-weight: 500;
	padding: .5rem 1rem .5rem 2rem; }
	
/* Call for Papers */

.call-item {
	padding: 0;
	margin-bottom: 2rem; }
	
.row:nth-last-of-type(1) .call-item:nth-last-of-type(1) {
	margin-bottom: 0; }

.call-item-title {
	margin: 1.5rem;
	font-size: 1.4rem; }
	
.call-item-info {
	border-radius: 5px;
	background-color: #ebebeb;
	padding: 1rem; }

.call-item .submission {
	font-size: 1.2rem;
	padding: .2rem .5rem; }
	
.call-item .place {
	font-size: 1.2rem;
	padding: .2rem .5rem; }

.call-item .schedule {
	font-size: 1.4rem;
	padding: .2rem .5rem;
	margin-top: .5rem;
	background-color: #fff;
	border-radius: 3px; }
	
@media screen and (min-width: 769px) {

	.row:nth-last-of-type(1) .call-item {
		margin-bottom: 0; }
		
	.call-item-title {
		display: -webkit-box;
		height: 6.3rem;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis; }
		
	.call-item .place {
		white-space: nowrap;
	  overflow: hidden;
  	text-overflow: ellipsis; }

}

.call-item-info.under-1w {
	background-color: #e8d1cf; }

.call-item-info.under-1m {
	background-color: #f1e6ce; }

.call-item-info.under-2m {
	background-color: #d2e3d5; }

.call-item-info.over-2m {
	background-color: #d3dae8; }
	
.call-item-info .submission {
	color: #000; }

.under-1w:not(.call-item-info) {
	color: #9f221c; }

.under-1m:not(.call-item-info) {
	color: #be8824; }

.under-2m:not(.call-item-info) {
	color: #497f3f; }

.over-2m:not(.call-item-info) {
	color: #3e5796; }
	
.sort span {
	display: block;
	float: left;
	margin-right: .5rem; }
	
.sort + .period-info {
	margin-top: 1.5rem; }
	
.period-info {
	font-size: 1rem;
	line-height: 1; }
	
.period-info > span {
	display: inline-block;
	margin-right: .5rem; }
	
.period-info > span:last-child {
	margin-right: 0; }
	
@media screen and (min-width: 769px) {

	.period-info {
		font-size: 1.2rem; }
		
	.sort + .period-info {
		margin-top: .5rem; }

}

/* Posts (News, Report, Codes, Cases) */

@media screen and (min-width: 769px) {

	.post-categories {
		height: 950px; }
		
	.post-content {
		height: 910px; }
	
	.post-content .content-list {
		margin-right: 1rem; }

}

.post-item {
	padding-top: 1.5rem;
	margin-bottom: 2rem; }
	
.row:last-child .post-item:last-child {
	margin-bottom: 0; }

.post-item h4 {
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.6;
	margin-bottom: 1rem; }

.post-item p {
	font-size: 1.2rem;
	-webkit-line-clamp: 4;
	height: 7.6rem;
	margin-bottom: 1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis; }

.post-item time {
	font-size: 1.2rem; }

.post-item .post-source {
	font-size: 1.2rem !important; }

.post-item .post-image {
	margin-top: 1.5rem; }

@media screen and (min-width: 769px) {

	.post-item {
		margin-bottom: 5rem; }
		
	.row:last-child .post-item {
		margin-bottom: 0; }

	.post-item h4 {
		-webkit-line-clamp: 2;
		height: 4.4rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis; }

	.post-item.thesis h4 {
		font-weight: 500;
		height: 8.8rem; }

	.post-item.thesis {
		margin-bottom: 1rem; }
		
	.post-item .post-source {
		white-space: nowrap;
	  overflow: hidden;
  	text-overflow: ellipsis; }

}
	
/* Journal & Article */

.journal-header {
	background-color: #f0f0f0;
	border: 1px solid #d9d9d9;
	margin: -1px -1px 0 -1px;
	padding: 2rem; }
	
@media screen and (min-width: 769px) {

	.journal-list,
	.article-list {
		height: 625px; }

}

.journal-list-header,
.journal-item {
	padding: 1rem 2rem;
	border-bottom: 1px solid #ebebeb; }

.journal-list-header > a,
.journal-item > a {
	display: block; }

.journal-list-header span,	
.journal-item span {
	display: block;
	float: left;
	font-size: 1.2rem; }
	
.journal-item.current-journal {
	background-color: #eee; }
	
.journal-item-no {
	width: 3rem;
	padding-right: 1rem; }

.journal-item-name {
	width: calc(100% - 9rem); }
	
.journal-item-new {
	word-break: keep-all; }

.journal-item-if {
	width: 4rem;
	padding-left: 1rem; }
	
.journal-item .journal-item-no {
	font-weight: 700; }

.journal-item .journal-item-name {
	font-weight: 500; }

.journal-item .journal-item-if {
	font-weight: 700; }
	
.journal-item-data {
	padding: 1rem;
	border-bottom: 1px solid #ebebeb;	
	display: flex;
	align-items: center;
	font-weight: 300;
	font-size: 1.8rem; }

.journal-title {
	font-weight: inherit;
	font-size: inherit; }
	
@media screen and (min-width: 769px) {

	.journal-item-data {
		height: 11.5rem;
		padding: 0 1.2rem;
		font-size: 2.2rem; }

}
	
.journal-image {
	float: left;
	width: 5rem;
	height: 7rem;
	margin-right: 1.5rem; }

.journal-image + .journal-title {
	float: left; }

.article-item {
	display: block;
	border-bottom: 1px solid #ebebeb;
	padding: 1rem;
	font-size: 1.4rem; }
	
@media screen and (min-width: 769px) {

	.article-item {
		padding: 1.2rem;
		white-space: nowrap;
	  overflow: hidden;
		text-overflow: ellipsis; }

}

.articles-header {
	padding: 2rem 1rem;
	border-bottom: 1px solid #ebebeb; }

.articles-body {
	padding: 0 1rem; }

@media screen and (min-width: 951px) {
	
	.articles-header {
		padding: 1.6rem 2.5rem; }
		
	.articles-body {
		padding: 0 2.5rem; }

}

.journal-filter {
	margin-top: 3rem; }
	
.input-toggle {
	display: none; }
	
.label-toggle {
	vertical-align: middle;
	text-align: center; }
	
.input-toggle:checked + .label-toggle {
	background-color: #bebebe;
	color: #fff; }

.filter {
	margin-left: -1.5rem;
	margin-right: -1.5rem; }

.filter + .filter {
	margin-top: 1rem; }

.filter-title {
	font-size: 1rem;
	font-weight: 700;
	width: 3rem;
	text-align: center;
	float: left; }

.filter-bar {
	background-color: #fff;
	border-radius: 2rem;
	height: 2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	position: relative;
	overflow: hidden; }
	
.filter-bar .label-toggle {
	flex-grow: 1;
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 2rem; }
	
.filter-bar .label-toggle:nth-of-type(1) {
	padding-left: .5rem; }
	
.filter-bar .label-toggle:nth-last-of-type(1) {
	padding-right: .5rem; }
	
.filter-title + .filter-bar {
	width: calc(100% - 3rem);
	float: right; }
	
@media screen and (min-width: 375px) {

	.filter {
		margin-left: -1rem;;
		margin-right: -1rem; }

}

@media screen and (min-width: 769px) {

	.filter {
		margin-left: 0;
		margin-right: 0; }

}

.no-result {
	padding: 2rem;
	text-align: center; }
	
/* OCW */

.source-info {
	margin-bottom: 2rem; }
	
.source-info a {
	display: flex;
	align-items: center;
	color: #666; }

.source-info a img {
	display: inline-block; } 

.source-info a .icon {
	width: 2.4rem;
	height: 2.4rem; }

.source-info a + p {
	margin-top: 1rem; }

@media screen and (min-width: 769px) {

	.section-ocw {
		margin-bottom: 3rem; }
		
	.section-ocw:not(.section-ocw-main) .videos {
		margin-left: 5.2rem; }
	
}

/* Newsletter */

.page-template-newsletter .cat-item .volume {
	display: inline-block;
	width: 40%; }

.newsletter-heading {
	padding: 1rem;
	margin-bottom: 2rem; }
	
.newsletter-title a,
.newsletter-title a:hover,
.newsletter-title a:focus {
	color: #fff !important; }
	
.newsletter-links {
	margin-top: -1rem;
	margin-bottom: 2rem;
	font-size: 1.1rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem; }
	
.newsletter-links a {
	display: inline-block; }

.newsletter-links a + a:before {
	display: inline-block;
	content: '|';
	margin-left: .5rem;
	margin-right: .5rem; }

.newsletter-title {
	color: #fff;
	font-size: 1.8rem; }
	
.newsletter-info {
	color: #fff;
	font-size: 1.2rem;
	margin-top: .5rem; }
	
.newsletter-date + .newsletter-volume {
	margin-left: 1rem; }
	
@media screen and (min-width: 769px) {

	.newsletter-heading {
		padding: 2rem 1.5rem;
		margin-bottom: 3rem; }

	.newsletter-links {
		text-align: right;
		font-size: 1.3rem;
		margin-top: -2rem; }
		
	.newsletter-info {
		margin-top: .2rem; }

}

.newsletter-item {
	padding: 0;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-top: 0;
	border-bottom: 1px solid #d9d9d9; }

.newsletter-item h4 {
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.6;
	margin-bottom: .5rem; }
	
.newsletter-item .image + h4 {
	margin-top: 1.9rem; }
	
.newsletter-item .source,
.newsletter-item time,
.newsletter-item .pp,
.newsletter-item .author,
.newsletter-item .publisher,
.newsletter-item .schedule {
	font-size: 1.2rem; }

.newsletter-item .source + time,
.newsletter-item time + .pp {
	margin-left: .7rem; }
	
.newsletter-item .image {
	padding-top: 0;
	padding-bottom: 0;
	width: 100%;
	height: auto; }
	
.newsletter-item .image img {
	max-height: none; }

.newsletter-item .info + .image,
.newsletter-item .info + p,
.newsletter-item .image + p {
	margin-top: 2rem; }

.newsletter-item p {
	font-size: 1.2rem;
	line-height: 1.6; }

.page-template-newsletter .content > .row {
	padding-left: 1rem;
	padding-right: 1rem; }

@media screen and (min-width: 769px) {

	.page-template-newsletter .content > .row {
		padding-left: 1.5rem;
		padding-right: 1.5rem; }

	.page-template-newsletter .content-list-items:not(.news-list-items) > .row:last-child .newsletter-item,
	.page-template-newsletter .news-list-items > .row:last-child:not(:first-child) .newsletter-item,
	.page-template-newsletter .news-list-items > .row:first-child:last-child .newsletter-item:last-child {
		border-bottom: 0;
		margin-bottom: 0; }

	.page-template-newsletter .content-list-items {
		border-bottom: 1px solid #d9d9d9; }

	.newsletter-item h4 {
		-webkit-line-clamp: 2;
		height: 4.4rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis; }
		
	.newsletter-item.main-item h4 {
		-webkit-line-clamp: 3;
		height: 6.6rem; }
		
	.newsletter-item.book-item h4 {
		-webkit-line-clamp: 3;
		height: auto;
		max-height: 6.24rem; }
		
	.newsletter-item.report-item h4,
	.newsletter-item.newsletter-journal-item h4 {
		-webkit-line-clamp: 3;
		height: 6.6rem; }
		
	.newsletter-item.code-item h4,
	.newsletter-item.case-item h4 {
		-webkit-line-clamp: 4;
		height: 8.8rem; }

	.newsletter-item .image {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 9.6rem; }

	.newsletter-item .image img {
		display: none; }
		
	.newsletter-item.main-item .image {
		height: 18.7rem; }
		
	.newsletter-item .source,
	.newsletter-item time,
	.newsletter-item .author,
	.newsletter-item .publisher,
	.newsletter-item .schedule {
		white-space: nowrap;
	  overflow: hidden;
  	text-overflow: ellipsis; }
  	
	.newsletter-item.newsletter-journal-item .source {
		white-space: normal;
		-webkit-line-clamp: 2;
		height: 3.8rem;
		display: -webkit-box;
		-webkit-box-orient: vertical; }
		
	.newsletter-item.code-item .source,
	.newsletter-item.case-item .source {
		white-space: normal;
		-webkit-line-clamp: 3;
		height: 5.7rem;
		display: -webkit-box;
		-webkit-box-orient: vertical; }
  	
	.newsletter-item p {
		-webkit-line-clamp: 5;
		height: 9.6rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis; }

}

.newsletter-item.book-item > a {
	display: flex;
	align-items: center; }
	
.newsletter-item.book-item .book-image {
	height: 13.3rem;
	width: 9.5rem; }
	
.newsletter-item.book-item .book-image + .book-data {
	margin-left: 1rem;
	width: calc(100% - 10.5rem); }
	
.newsletter-item.book-item + .book-data {
	display: flex;
	align-items: center; }
	
.newsletter-item.book-item + .book-data > * {
	display: block; }

.row:last-child .newsletter-item.call-item:last-child {
	margin-bottom: 2rem; }
	
.newsletter-item.call-item .call-item-info {
	padding: 1rem; }

.newsletter-item.call-item .call-item-info > div {
	margin: 0;
	padding: 0; }
	
.newsletter-item.call-item h4 {
		margin-bottom: .8rem; }
	
@media screen and (min-width:769px) {

	.newsletter-item.call-item .call-item-info {
		padding: .3rem 1rem; }
	
	.newsletter-item.call-item h4 {
		-webkit-line-clamp: 3;
		line-height: 1.5;
		height: 6.3rem; }

}
	
.newsletter-item.call-item .call-item-info .label {
	display: inline-block;
	width: 60px;
	font-size: 1.1rem;
	font-weight: 700; }

.newsletter-item.call-item .call-item-info .text {
	font-size: 1.1rem; }
	
.newsletter-item.call-item .call-item-info .label + .text {
	margin-left: .7rem; }
	
.newsletter-item.call-item .call-item-info .schedule {
	background-color: transparent; }

.newsletter-item.call-item .call-item-info .submission {
	font-size: 1.1rem; }
	
.issues {
		height: auto !important;
		max-height: 300px; }
	

@media screen and (min-width: 769px) {

	.issues {
		max-height: 600px; }
		
	.issues.has-scrollbar {
		border-bottom: 1px solid #d9d9d9; }
		
}
	
.back-issue {
	width: 100%;
	height: 950px;
	border: 0; }
	
/*--------------------------------------------------------------
13.0 Media
--------------------------------------------------------------*/

img {
	display: block;
	max-width: 100%; }

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%; }
	
/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

.new-search .icon {
	height: 1.2em;
	width: 1.2em;
}

/*--------------------------------------------------------------
14.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
	border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
	z-index: 2; /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
	border: none;
}

.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel .customize-partial-edit-shortcut button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

/*--------------------------------------------------------------
15.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	-ms-transform: rotate(0); /* IE 9 */
	transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
	content: "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
	background: transparent;
	color: #222;
	height: auto;
	width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	height: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

/*--------------------------------------------------------------
16.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {
		border: 0;
	}

	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 17pt;
	}

	h4 {
		font-size: 12pt;
	}

	h5 {
		font-size: 11pt;
	}

	h6 {
		font-size: 12pt;
	}

	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {
		font-size: 10pt;
	}

	/* Layout */

	.wrap {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;
	}

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {
		padding: 0;
	}

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		position: relative;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important;
	}

	.site-title {
		font-size: 25pt;
	}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {
		background: transparent;
	}

	.entry-meta {
		font-size: 9pt;
	}

	/* Colors */

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	a,
	.site-title a,
	.twentyseventeen-front-page.has-header-image .site-title,
	.twentyseventeen-front-page.has-header-video .site-title,
	.twentyseventeen-front-page.has-header-image .site-title a,
	.twentyseventeen-front-page.has-header-video .site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.twentyseventeen-front-page.has-header-image .site-description,
	.twentyseventeen-front-page.has-header-video .site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-meta-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	.site-footer {
		padding: 0;
	}
}
	
/* Temp */

.ct_list.col3 li strong.tit { height:50px !important ;}

/* wpcf7 */

.wpcf7 .heading.row {																																																																																																																																																
	margin: -30px -30px 40px -30px;
}
.wpcf7 h3 {
	margin-left: 11px;
}
.wpcf7 h5 {
	font-size: 1.3rem;
	margin: 4.9rem calc(9.5rem - 30px) 30px calc(9.5rem - 30px); 
	color: #555;
	font-style: italic;
}
.wpcf7 label {
	float: none;
}
.wpcf7 input {
	display: inline-block;
	float: none;
}
.wpcf7 p {
	margin: 23px calc(9.5rem - 30px);
	font-size: 1.6rem;
	color: #000;
}
.wpcf7 span {
	margin-top: 5px;
	font-size: 1.5rem;
}
.wpcf7 span.subtitle {
	font-size: 1.4rem;
	color: #333;
	margin-left: 5px;
}
.wpcf7 input[type="submit"] {
	-webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    padding: 0.8rem 1.2rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    margin-top: 20px;
    font-weight: 800;
    margin-left: 0.5em; 
}
.wpcf7 textarea {
	height: auto;
	margin-left: 0.5em;
	margin-top: 0.5em;
	text-indent: 0px;
	color: #555;
}
.wpcf7 input[type="email"] {
	margin-left: 0.5em;
	margin-top: 0.5em;
	text-indent: 0px;
	color: #555;
}
.wpcf7-form-control-wrap {
	color: #555;
}
.wpcf7 .heading {
	border: 0px;
	border-bottom: 1px solid #d9d9d9;
}
.content.extra-padding {
	width: calc(100%);
}
span.wpcf7-not-valid-tip {
	margin-left: 0.9em;
}

.sitemap .sub-menu > .menu-item.current-menu-item > a {
	color: #333 !important;
}


@media screen and (min-width: 951px) {
	.content.extra-padding {
		padding: 4.9rem 9.5rem;
	}
}

.home_journal {
	margin-bottom: 2.2rem;
	padding-top: 2.3rem;
	border-top: 1px solid #bebebe;
}

.home_journal_title {
	padding-bottom: 1rem;
	font-weight: 500;
	font-size: 1.4rem;

}