@font-face {
  	font-family: 'IBM Plex Sans';
  	font-style: normal;
  	font-weight: 450;
 	src: local("IBM Plex Sans Text"), local("IBMPlexSans-Text"), url("/media/journals/47/IBMPlexSans-Text.woff2") format("woff2"), url("/media/journals/47/IBMPlexSans-Text.woff") format("woff"); 
}

@font-face {
  	font-family: 'IBM Plex Sans';
  	font-style: italic;
  	font-weight: 450;
  	src: local("IBM Plex Sans Text Italic"), local("IBMPlexSans-TextItalic"), url("/media/journals/47/IBMPlexSans-TextItalic.woff2") format("woff2"), url("/media/journals/47/IBMPlexSans-TextItalic.woff") format("woff"); 
}

@font-face {
  	font-family: 'IBM Plex Sans';
  	font-style: normal;
  	font-weight: 700;
  	src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url("/media/journals/47/IBMPlexSans-Bold.woff2") format("woff2"), url("/media/journals/47/IBMPlexSans-Bold.woff") format("woff"); 
}

@font-face {
  	font-family: 'IBM Plex Sans';
  	font-style: italic;
  	font-weight: 700;
  	src: local("IBM Plex Sans Bold Italic"), local("IBMPlexSans-BoldItalic"), url("/media/journals/47/IBMPlexSans-BoldItalic.woff2") format("woff2"), url("/media/journals/47/IBMPlexSans-BoldItalic.woff") format("woff"); 
}


:root {
  --primary-dark-color: #669999;
  --very-dark-primary-color: #669999;
  --primary-light-color: #CCE1E1;
  --topbar-background-color: #FFFFFF;
  --menu-background-color: #FFFFFF;
  --menu-alternative-background-color: #FFFFFF;
  --menu-foreground-color: #669999;
  --link-color: #669999;
  --toc-link-color: #669999;
  --figure-caption-background-color: #669999;
  --figure-caption-color: #FFFFFF; 
}


body {
  	font-family: 'IBM Plex Sans' !important;
	font-weight: 400 !important;
	line-height: 1.75 !important;
	color: #333333 !important; 
	font-size: 18px; 
}

article {
	font-size: 1.0em /*18px !important*/; 
}

article h2 {
	font-size: 1.3889em /*25px !important*/; 
}

article h3 {
	font-size: 1.2222em /*22px !important*/; 
}

header .top-bar ul li a {
	font-size: 1.1111rem /*16px !important*/;    
}


header .top-bar ul.dropdown ul a:hover {
  	background-color: #669999; 
  	color: #fff !important;
  	text-decoration: none !important;
}

header .top-bar input {
  	font-size: 1.1111rem /*16px !important*/;      
}

#main-menu ul li a {
	font-size: 1.1111rem /*16px !important*/;  
}

#main-menu ul li a:hover {
	text-decoration: none !important;   
}




p, ul > li, ol > li {
  	line-height: 1.75 !important;
}

footer p, footer pre, footer ul li a {
  font-family: 'IBM Plex Sans' !important;
  font-size: 1.1111rem /*16px !important*/;  
}


h1 {
  	font-family: 'IBM Plex Sans' !important;
  	font-weight: bold !important;
	line-height: 1.4 !important;
  	font-size: 2.0833rem /*30px !important*/; 
}


h2 {
  	font-family: 'IBM Plex Sans' !important;
  	font-weight: bold !important;
	line-height: 1.4 !important;
    font-size: 1.7361rem; /* root font-size: 14.4px */
  	/*font-size: 25px !important;*/
}


h3 {
  	font-family: 'IBM Plex Sans' !important;
  	font-weight: bold !important;
	line-height: 1.4 !important;
  	font-size: 1.5277rem /*22px !important*/; 
}


h4 {
  	font-family: 'IBM Plex Sans' !important;
  	font-weight: bold !important;
	line-height: 1.4 !important;
  	font-size: 1.25rem /*18px !important*/; 
}

h5 {
  	font-family: 'IBM Plex Sans' !important;
}

.uppercase {
 	font-family: 'IBM Plex Sans' !important; 
    letter-spacing: normal !important;
}

.uppercase, .summary h4 span, .summary h5, footer ul li a {
 	font-family: 'IBM Plex Sans' !important; 
}

.border-right {
  border-right: 1px solid #669999; }

.border-left {
  border-left: 1px solid #669999; }

header .top-bar {
  border-bottom: 1px solid #669999; 
}


div.header-image-bar {
	text-align: center !important;
}

@media screen and (max-width: 639px) {
  	div.header-image-bar {
  		text-align: left !important;
  	}
}

@media screen and (min-width: 1430px) {
  	div.header-image-bar {
  		width: 16.66667% !important;
  	}
}

header .top-bar input {
    background: #fff;
    border: 1px solid #669999;
    box-shadow: none; 
}

header .top-bar .global-search .input-group-label {
    background: #669999;
    border-right: none !important; 
}

header .top-bar .global-search .input-group-field:focus {
      background: #fff;
      box-shadow: none;
      border: 1px solid #669999; 
}

span.input-group-label {
	background-color: #fff !important; 
  	border-left: 1px solid #669999; 
  	border-top: 1px solid #669999; 
  	border-bottom: 1px solid #669999;  
    color:  #669999;
    font-size: 18px !important;
}


#main-menu {
  	padding-top: 0;
  	padding-bottom: 0;    
}

#main-menu a {
  	font-size: 0.89rem /* !important */;
}

.is-dropdown-submenu-item {
  	font-size: 0.89rem /*!important */;
}

.top-bar-right a {
  	font-size: 0.89rem /*!important */;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  	display: none !important;
    border-color: #669999 transparent transparent;
}

.summary .bottom {
 	background-color: #99cccc; 
}

a:hover {
	color: #669999 !important;
  	text-decoration: underline;
}

.dark-primary-bg a:link, .dark-primary-bg a:visited, .dark-primary-bg a:active {
  	color: #cce1e1 !important;
}

.dark-primary-bg a:hover {
  	color: #cce1e1 !important;
  	text-decoration: underline !important;
}

li.current {
 	background-color: #99cccc !important; 
}

input:checked:before {
    background-color: #669999 !important; 
}

i.fa-check {
  	color: #99cccc !important; 
}

a > span.menu-icon {
  	color: #669999 !important; 
}

header.main-header {
	
}

@media screen and (max-width: 639px) {
  	img.header-image {
  		width: 12rem /*!important*/;
  	}
  
  	.input-group {
    	margin-top: 1.0417rem /*15px !important*/;  
    	margin-left: 2.7778rem /*40px !important*/;  
  	}
}

@media screen and (min-width: 640px) {
    ul.submenu {
        border: 1px solid #669999 !important;
    }
  	img.header-image {
      	padding-bottom: 1rem;
  	}
}

main {
 	#padding-top: 1rem !important; 
}

.menu-icon {
	color: #669999 !important;	   
}

.is-at-top  {
  	#top: 6.5rem !important; 
}

.is-at-bottom  {
  	#padding-bottom: 4rem !important; 
}

.is-anchored  {
  	top: 0 !important; 
}

.button {
 	background-color: #669999; 
    font-size: 1.1111rem /*16px !important*/;
}

.button:hover {
 	background-color: #99cccc !important; 
  	text-decoration: none !important;
    color: #fff !important;
}

.title-bar-title {
 	color: #669999; 
}

.menu-icon::after {
	background-color: #669999;
  	box-shadow: 0 7px 0 #669999, 0 14px 0 #669999;
}

.menu-icon:hover::after {
	background-color: #99cccc; 
  	box-shadow: 0 7px 0 #99cccc, 0 14px 0 #99cccc;
}	

.menu-icon.dark::after {
	background-color: #669999;
  	box-shadow: 0 7px 0 #669999, 0 14px 0 #669999;
}

.menu-icon.dark:hover::after {
	background-color: #99cccc; 
  	box-shadow: 0 7px 0 #99cccc, 0 14px 0 #99cccc; 
}

.is-drilldown-submenu-parent > a::after {
  	border-color: transparent transparent transparent #669999;
}

.js-drilldown-back > a::before {
  	border-color: transparent #669999 transparent transparent;
}

header li.divider {
  	border-top: none !important;
}

h4.number {
  	font-size: 1.67rem /*!important */;
}

h4.number > span {
  	font-size: 0.78rem /*!important */;
}


aside .section > ul > li {
 	font-size: 1.1111rem !important /*16px !important*/;
}

aside .section > h3 {
	font-size: 1.1111rem !important /*16px !important*/;
  	font-weight: bold;
}

input.input-group-field {
 	font-size: 0.89rem /*!important*/;
  	#height: 1.4rem;
}

span.input-group-label {
  	#font-size: 0.89rem !important;
  	#line-height: 0.89rem !important;
}

i.fa-search {
 	#font-size: 0.89rem !important;
}

#options-menu {
 	font-size: 1.1111rem /*16px !important*/;
}

small {
 	font-size: 0.9722rem /*14px !important*/;
}

div.fig-caption > p {
	font-size: 0.8889em /*16px !important*/;
}

span.fig-label {
	font-size: 0.8889em /*16px !important*/;
  	font-style: italic !important;
}

@media screen and (max-width: 639px) {
    div.top-bar-left.border-right {
        border: none !important; 
    }
}

@media screen and (max-width: 1023x) {
	div.large-8.columns.border-right {
        border: none !important; 
    }
}

#content aside .section {
  	border-bottom: 1px solid #669999;
}

hr {
	border-top: 1px solid #669999 !important;  
}

div.callout {
    border: 1px solid #669999 !important;  
}

.summary .columns {
    border-right: none !important; 
}

blockquote, pre {
  border-left: 1px solid #669999; 
  color: #333 !important;
}

blockquote > p {
  color: #333 !important;
}


#social-links > a { 
	text-decoration: none !important;
    color: #fff !important;
}


ul.inline-list > li > a {
 	color: #669999 !important; 
    letter-spacing: normal !important;
}

small {
 	font-size: 0.9722rem /*14px !important*/;
}

input[type="text"], input[type="email"], input[type="password"], textarea, select {
    border: 1px solid #669999 !important; 
    font-size: 1.25rem /*18px !important*/; 
}

a.success:hover {
  	background-color: #99cccc !important;
    text-decoration: none !important;
    color: #fff !important;
}

.orbit-caption p {
  	font-weight: normal !important;
}

.orbit-caption h3 {
  	font-weight: bold !important;
	line-height: 1.4 !important;
  	font-size: 1.6666em !important /*30px !important*/; 
}

h4.number {
 	font-size: 2.0833rem /*30px !important*/; 
  	font-weight: bold !important;
}

h4.number > span {
 	font-size: 1.1111rem /*16px !important*/;
  	font-weight: bold !important;
}


.summary h4 > span {
 	font-size: 1.1111rem /*16px !important*/;
  	font-weight: normal;
}

.summary h5 {
 	font-size: 1.1111rem /*16px !important*/;
  	font-weight: normal !important;
}

#reflist > h3 {
 	font-size: 1.3888em /*25px !important*/; 
  	font-weight: bold !important;
}

#reflist > p {
 	font-size: 0.8889em /*16px !important*/;
  	line-height: 1.5 !important;
}


ol.footnotes {
 	font-size: 0.8889em /*16px !important*/;
  	line-height: 1.5 !important; 
}


label {
  	font-size: 1.1111rem /*16px !important*/;
    font-weight: 400 !important;
}

.box.collection p:first-of-type {
 	display: none !important; 
}

.menu.vertical.medium-horizontal.pad-left-15.dropdown li:first-of-type:hover {
	background-color: #F1F1F1 !important;	  
}

.menu.submenu.is-dropdown-submenu.first-sub.vertical li a {
 	font-size: 1.1111rem /*16px !important*/;
}

.menu.submenu.is-dropdown-submenu.first-sub.vertical li a:hover {
 	text-decoration: none !important;
    background-color: #669999 !important;
  	color: #fff !important;
}

.pagination li a {  	
    font-size: 1.1111rem /*16px !important*/;
}

.pagination li a:hover {
 	text-decoration: none; 
  	background-color: #99CCCC !important; 
  	color: #333 !important;
}

#content aside ul li:before {
  	display: none !important;
}

.is-dropdown-submenu {
  	min-width: 8.3333rem /*120px !important*/;
}

.is-dropdown-submenu li {
  	white-space: nowrap !important;
}

ul > li::marker {
	color: #669999 !important;  
}

.tooltip {
 	font-size: 1.1111rem /*16px !important*/;
}

.is-drilldown{overflow-y: scroll;}

.uppercase, .summary h4 span, .summary h5, footer ul li a {
  	letter-spacing:  normal !important;
}

.button-group a {
   font-size: 16px !important; 
}

.button-group a:visited {
	color: #fff !important;
}

#about_journal div.large-12.columns h2 {
 	display: none !important; 
}

a:visited {
  	color: #669999 !important;
}

#options-menu a:visited {
  	color: #777 !important;
}

.box.article a:visited {
  	color: #333 !important;
}

.pagination a:visited {
  	color: #333 !important;
}

.news-item-block h6 {
 	font-size: 16px;
  	font-style: italic;
  	font-family: 'IBM Plex Sans';
}

.news-item-block a.button { 
	color: #fff !important;
}

a.button.success.tiny {
 	font-size: 14px; 
}

a.button.success.tiny:visited {
 	color: #fff !important;
}

figcaption h3 {
 	font-weight: 700 !important;
}

figcaption p {
 	font-size: 18px;
  	font-style: normal;
}

#content a.button {
 	color: #fff !important; 
}

#content a.button:visited {
 	background-color: #669999 !important; 
}

#content a.button:hover {
 	background-color: #99cccc !important; 
}

div.large-12.columns h5 {
 	font-weight: bold;
}

div.large-12.columns h6 {
 	font-size: 16px;
  	font-style: italic;  
    font-weight: normal;
  	font-family: 'IBM Plex Sans';
}

.news-item-block {
  	border-bottom: 0.0625rem solid #669999;
}