@charset "UTF-8";
body {
  position: relative;
  min-height: 100%;
}

/* CSS Document */
@font-face {
  font-family: 'rrhicon';
  src: url("/fonts/rrhicon.eot?-60kl1y");
  src: url("/fonts/rrhicon.eot?#iefix-60kl1y") format("embedded-opentype"), url("/fonts/rrhicon.ttf?-60kl1y") format("truetype"), url("/fonts/rrhicon.woff?-60kl1y") format("woff"), url("/fonts/rrhicon.svg?-60kl1y#rrhicon") format("svg");
  font-weight: normal;
  font-style: normal;
}




/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}









[class^="icon-"], [class*=" icon-"] {
  font-family: 'rrhicon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: inherit;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
  content: "\77";
  /* Arrow */
}

.icon-1:before {
  content: "\64";
  /* International */
}

.icon-2:before {
  content: "\70";
  /* Europe */
}

.icon-3:before {
  content: "\63";
  /* Africa */
}

.icon-4:before {
  content: "\61";
  /* Australia */
}

.icon-email:before {
  content: "\65";
  /* Email icon */
}

.icon-6:before {
  content: "\73";
  /* Asia */
}

.icon-facebook:before {
  /* Facebook */
  content: "\66";
}

.icon-linkedin:before {
  content: "\69";
}

.icon-5:before {
  content: "\6e";
  /* North America */
}

.icon-brand:before {
  content: "\72";
  /* brand Logo */
}

.icon-7:before {
  content: "\6c";
  /* South America */
}

.icon-menu:before {
  content: "\6d";
  /* 3 Bar Menu */
}

.icon-twitter:before {
  content: "\74";
  /* Twitter */
}

.icon-home:before {
  content: "\50";
}

.icon-newspaper:before {
  content: "\51";
}

.icon-pencil:before {
  content: "\52";
}

.icon-film:before {
  content: "\53";
}

.icon-file-empty:before {
  content: "\54";
}

.icon-file-text2:before {
  content: "\55";
}

.icon-file-picture:before {
  content: "\56";
}

.icon-file-music:before {
  content: "\34";
}

.icon-file-video:before {
  content: "\58";
}

.icon-bubble:before {
  content: "\59";
}

.icon-user:before {
  content: "\30";
}

.icon-users:before {
  content: "\31";
}

.icon-user-plus:before {
  content: "\32";
}

.icon-user-minus:before {
  content: "\33";
}

.icon-equalizer:before {
  content: "\35";
}

.icon-equalizer2:before {
  content: "\36";
}

.icon-list-numbered:before {
  content: "\37";
}

.icon-list:before {
  content: "\38";
}

.icon-list2:before {
  content: "\39";
}

.icon-menu:before {
  content: "\40";
}

.icon-download3:before {
  content: "\41";
}

.icon-upload3:before {
  content: "\42";
}

.icon-plus:before {
  content: "\43";
}

.icon-minus:before {
  content: "\44";
}

.icon-cross:before {
  content: "\45";
}

.icon-checkmark:before {
  content: "\46";
}

.icon-arrow-up-right2:before {
  content: "\47";
}

.icon-arrow-right2:before {
  content: "\48";
}

.icon-arrow-down-right2:before {
  content: "\49";
}

.icon-arrow-down2:before {
  content: "\4a";
}

.icon-arrow-down-left2:before {
  content: "\4b";
}

.icon-arrow-left2:before {
  content: "\4c";
}

.icon-file-pdf:before {
  content: "\4d";
}

.icon-file-word:before {
  content: "\4e";
}

.icon-file-excel:before {
  content: "\4f";
}

.icon-html-five:before {
  content: "\5a";
}

.italic {
	font-style: italic;
}

.sponsor_primary {
	height:5em;
}
.sponsor_major {
	height:4.5em;
}
.sponsor_contributor {
	height:4em;
}
.sponsor_associate {
	height:4em;
}










table{
	border-collapse: collapse ;
	margin-top: 1.2rem ;
	margin-bottom: 1.2rem ;
	font-size: .8rem ;
	margin-left: 1em ;
	margin-right: auto ;
/*
	display: block;
	overflow-x: auto;
	white-space: nowrap;
	max-width: -moz-fit-content;
  	max-width: fit-content;
*/
}

table p{
	margin-bottom: 0 ;
}

table td {
	vertical-align: top ;
	padding: .2em ;
}

table th{
	font-weight: 600 ;
	vertical-align: top ;
	padding: .2em ;
}

.th-top th {
	vertical-align: top ;
}
.td-top td {
	vertical-align: top ;
}

.neat_table {
   /*margin: 0 auto;  Centers the table horizontally */
	margin-left: 1rem ;
	margin-bottom: 0 ;
	margin-top: 0 ;
	margin-right: auto ;
}

.neat_table td, .neat_table th {
	border-color:  rgb(37, 37, 37) ;
 	border: 1px solid ;
	padding: .2em ;
}

.neat_table th {
 	font-size: .8rem;
}
.neat_table td {
 	font-size: .8rem;
}

.row_shade td{
	background-color: #eeeeee;
}

.cell_shade {
	background-color: #eeeeee;
}

.table_with_border td, .table_with_border th, .table_of_data td, .table_of_data th {
	border: 1px solid ;
	border-color:  rgb(37, 37, 37) ;
}

.table_no_border td, .table_no_border  th  {
	border: none ;
}

.table_no_border {
	margin-top: 0rem ;
}

.table_of_data {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
	max-width: -moz-fit-content;
  	max-width: fit-content;
	margin-left: 1rem ;
	margin-bottom: 0 ;
	margin-top: 0 ;
}

.table_of_data_no_scroll {
    overflow-x: visible; /* Override the scrolling */
    max-width: none;     /* Allow full content to display */
    white-space: normal; /* Optional: wrap text instead of keeping it on one line */
}

/* Align text in the first column to the left */
.table_of_data th:first-child {
    text-align: left ;
}

.table_of_data td:first-child {
    text-align: left ;
}

/* Align text in all other columns to the center */
.table_of_data th:not(:first-child) {
    text-align: center ;
}

.table_of_data td:not(:first-child) {
    text-align: center ;
}

/* Override the centre alignment in table_of_data to be left in the second column */
.second_col_left th:not(:first-child):not(:nth-child(2)) {
    text-align: center ;
}
.second_col_left td:not(:first-child):not(:nth-child(2)) {
    text-align: center ;
}
.second_col_left td:first-child, .second_col_left td:nth-child(2) {
    text-align: left;
}
.second_col_left th:first-child, .second_col_left th:nth-child(2) {
    text-align: left;
}
.center {
    text-align: center !important ;
}

.table_head{
	font-size: 1rem ;
	font-weight: 700 ;
	margin-top: 1.2rem ;
	margin-left: 1rem ;
	margin-bottom: 0 ;
}

.table_note{
	font-size: 1rem ;
	font-weight: normal ;
	margin-left: 1rem ;
	margin-top: 0 ;
}

.table_foot_note{
	font-size: .8rem ;
	font-weight: normal ;
	margin-left: 1rem ;
	margin-top: .2rem ;
}




.main-article h1, .abstract h1{
	font-size: 1.5em ;
	font-weight: 500 ;
}
.main-article h2, .abstract h2, .article_detail h2{
	font-size: 1.4em ;
	font-weight: 500 ;
	margin-top: .6em ;
}
.main-article h3, .abstract h3{
	font-size: 1.3em ;
	font-weight: 400 ;
	margin-top: .5em ;
}
.main-article h4, .abstract h4{
	font-size: 1.2em ;
	font-weight: 400 ;
	font-style: italic ;
	margin-top: .4em ;
}
.main-article h5, .abstract h5{
	font-size: 1.1em ;
	font-weight: 500 ;
	margin-top: .3em ;
}
.main-article h6, .abstract h6{
	font-size: 1em ;
	font-weight: 700 ;
	margin-top: 1.2em ;
	margin-left: 1em ;
}

 article .title {
	font-size: 1.2em; 
}



 .meta h3 {
	font-size: 1em; 
}





.rss_icon{
	height:1.5em;
	margin-right: 1em ;
	margin-bottom: .3em ;
}

@font-face {
  font-family: 'another_typewriterregular';
  src: url("/fonts/atwriter-webfont.eot");
  src: url("/fonts/atwriter-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/atwriter-webfont.woff2") format("woff2"), url("/fonts/atwriter-webfont.woff") format("woff"), url("/fonts/atwriter-webfont.ttf") format("truetype"), url("/fonts/atwriter-webfont.svg#another_typewriterregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* CSS Document */
@media screen {
					  .video-container {
						position: relative;
						padding-bottom: 56.25%;
						height: 0;
						overflow: hidden;
					  }
					  .video-container iframe, .video-container object, .video-container embed {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
					  }
					  .modal-dialog {
						width: 100%;
						max-width: 1200px;
					  }
					  .modal-dialog .close {
						color: white;
						opacity: 1;
						text-shadow: none;
						font-size: 40px;
					  }
					  .modal-dialog .close:hover {
						color: white !important;
						opacity: 1;
						text-shadow: none;
					  }
					  .modal-dialog .thumbnail .title {
						font-family: 'another_typewriterregular';
						text-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
						color: white;
					  }
					  .modal-dialog .thumbnail img {
						border: 2px solid transparent;
					  }
					  .modal-dialog .thumbnail a:hover {
						text-decoration: none;
					  }
					  .modal-dialog .thumbnail a:hover img {
						border: 2px solid white;
					  }
					  .modal-dialog .thumbnail.active img {
						border: 2px solid white;
					  }
					  .modal-content {
						width: 100%;
						max-width: 1200px;
						margin: 30px auto;
						background: none;
						border: none;
						padding: 0;
						margin: 0;
					  }
					  .modal-header {
						border: none;
					  }
					  html {
						margin-top: 60px;
					  }
}

@media screen and (min-width: 992px) {
					  html {
						margin-top: 230px;
					  }
}

@media screen {
					  body {
						color: #343a40;
					   font-family: sans-serif, system-ui ; 
					  }
					  a {
						color: black;
					  }
					  .content p {
						scroll-margin-top: 15rem; /* Adjust this value to control the offset */
					  }
					  a:hover {
						color: #ee7f43;
					  }
					  .btn-primary {
						color: white;
						background-color: #343a40;
						border-color: #343a40;
					  }
					  .btn-primary:hover {
						color: white;
						background-color: #ee7f43;
						border-color: #ee7f43;
					  }
					  .btn-brand {
						color: white;
						background-color: #eebf43;
						border-color: #eebf43;
					  }
					  .btn-brand:hover {
						color: white;
						background-color: #ee7f43;
						border-color: #ee7f43;
					  }
					  .bg-grey {
						background-color: #343a40;
						color: white;
					  }
					  .bg-lightgrey {
						background-color: #eee;
					  }
					  blockquote {
						font-style: italic;
						padding: 20px;
						padding-left: 40px;
						padding-right: 40px;
					  }
					  .carousel {
						margin-bottom: 40px;
					  }
					  .carousel .carousel-inner {
						overflow: hidden;
						padding-bottom: 85px;
					  }
					  .carousel .carousel-inner img {
						border-radius: 4px;
					  }
}

@media screen and (min-width: 992px) {
					  .carousel .carousel-inner {
						padding-bottom: 0px;
					  }
}

@media screen {
					  .carousel .carousel-indicators {
						bottom: 0;
						margin-bottom: -20px;
					  }
					  .carousel .carousel-indicators li {
						background-color: #eee;
					  }
					  .carousel .carousel-indicators li.active {
						background-color: #343a40;
					  }
					  .carousel .carousel-caption {
						padding: 0;
						padding-top: 5px;
						font-family: 'another_typewriterregular';
						width: 100%;
						left: 0;
						bottom: -75px;
						padding: 0;
						padding-top: 30px;
						padding-bottom: 0px;
						color: black;
						text-shadow: none;
					  }
}

@media screen and (min-width: 992px) {
						.carousel .carousel-caption {
							padding: 0;
							padding-top: 5px;
							left: 0;
							bottom: 0;
							color: white;
							text-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
						}
						.sponsor_primary {
							height:7em;
						}
						.sponsor_major {
							height:6em;
						}
						.sponsor_contributor {
							height:5em;
						}
						.sponsor_associate {
							height:4em;
						}
}
@media screen {
					.content_link {
							color:#674BD0;
					}
				  #nav {
					background-color: #eebf43;
					margin: 0;
					padding: 0;
					color: white !important;
					text-transform: uppercase;
					box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
					transition: top 0.2s ease-in-out;
				  }
				  #nav .button-toggle {
					background: none;
					border: none;
					color: white;
				  }
				  #nav .nav-top {
					margin: 0;
					padding: 0;
				  }
				  #nav .mobile {
					padding: 20px;
				  }
				  #nav a:hover {
					text-decoration: none;
				  }
				  #nav .primary {
					display: block;
					width: 100%;
				  }
				  #nav .secondary {
					display: block;
					width: 100%;
					background-color: white;
				  }
				  #nav .btn-light:hover, #nav .btn-outline-light:hover {
					color: white;
					background-color: #ee7f43;
					border-color: #ee7f43;
				  }
				  #nav .icon-brand {
					color: #eebf43;
					font-size: 128px;
				  }
				  #nav #top_logo {
					height: 128px;
				  }
				  #nav.nav-up {
					top: -60px;
				  }
				  #nav.nav-up .icon-brand {
					position: absolute;
					font-size: 38px;
					bottom: -25px;
				  }
				  #nav.nav-up #top_logo {
					position: absolute;
					height: 38px;
					bottom: -25px;
				  }
				  #nav.nav-up .secondary {
					min-height: 50px;
				  }
				  #nav.nav-up .secondary .links {
					display: none;
				  }
				  #registercard .icon {
					color: #eebf43;
					font-size: 60px;
				  }
				  #aboutregions .icon {
					font-size: 40px;
				  }
				  #aboutregions a:hover {
					text-decoration: none;
				  }
				  #connectpanel .icon {
					color: #343a40;
					font-size: 40px;
					width: 40px;
				  }
				  #connectpanel a:hover {
					text-decoration: none;
				  }
				  .profile {
					position: relative;
				  }
				  .profile .thumb img {
					width: 100%;
					border-radius: 4px;
				  }
				  .profile .title {
					color: #aaa;
				  }
				  .profile .name {
					font-family: 'another_typewriterregular';
					font-size: 22px;
				  }
				  .profile a:hover {
					text-decoration: underline;
				  }
				  .preview {
					position: relative;
				  }
				  .preview .thumb img {
					width: 100%;
					border-radius: 4px;
				  }
				  .preview .icon {
					font-size: 35px;
					margin-right: 15px;
				  }
				  .preview .title {
					font-family: 'another_typewriterregular';
				  }
				  .preview .details {
					font-size: 12px;
				  }
				  .preview a:hover {
					text-decoration: underline;
				  }
				  .underline {
						text-decoration:underline;
						font-weight: inherit;
						font-size: inherit;
						color: inherit;
					}

				  .content h1 {
					font-family: 'another_typewriterregular';
					margin-bottom: 30px;
					font-size: 1.2em;
				  }

				  .content h2.secondary {
					background-color: #aaa;
				  }
				  .content h3 {
					/* font-size: 1.25em; */
				  }
				  .content h4, .content h5 {
					/* font-size: 1em; */
				  }
				  .content h5 {
					/* font-size: 1em; */
					/* text-decoration: italic; */
				  }
				  #newsfeed h5 {
					color: white;
					background-color: #eebf43;
					border-radius: 4px;
				  }
				  #searchbox #searchfilters {
					display: none;
				  }
				  .article .plain {
					list-style-type: none;
				  }
				  .article .keywords {
					padding: 0;
					margin-bottom: 30px;
				  }
				  .article .keywords li {
					padding: 3px;
					padding-left: 15px;
					padding-right: 15px;
					margin-right: 5px;
					margin-bottom: 5px;
					display: inline-block;
					border-radius: 40px;
					background-color: #eebf43;
					color: white;
					text-shadow: white;
				  }
				  .article .imageandcaption {
					display: block;
					width: 100%;
				  }
				  .article .imageandcaption img {
					display: block;
				  }
				  .article .imageandcaption.text-center img {
					display: block;
					margin-left: auto;
					margin-right: auto;
				  }  
				  .article .imageandcaptionleft {
					margin-left: 1em ;
					width: 100%;
				  }
				  .article .imageandcaptionleft img {
					/* display: block; */
					margin-left: 0 ;
					margin-right: auto;
				  }
				  .article .imageandcaptionleft.text-left img {
					display: block;
					margin-left: 1em ;
					margin-right: auto ;	  
				  }  

				  footer {
					color: #666666;
					margin-top: 100px;
				  }
				  footer a {
					color: #666666;
				  }
				  footer .associate-logo {
					height: 70px;
				  }
				  footer .icon {
					width: 17px;
					margin-top: -5px;
				  }
				  footer #copyright {
					background-color: #eebf43;
				  }
				  .icon-film {
					cursor: pointer;
					display: absolute;
					z-index: 100;
					color: black !important;
				  }
				  .region-1 .type {
					color: #cccccc;
				  }
				  .type-region-1 {
					color: #cccccc;
				  }
				  .region-1 .icon {
					color: #cccccc;
				  }
				  h2.region-1 {
					color: #cccccc;
				  }
				  h1.region-1  {
					color: #cccccc;
				  }
				  .region-2 .type {
					color: #7d8b4f;
				  }
				  .type-region-2 {
					color: #7d8b4f;
				  }
				  .region-2 .icon {
					color: #7d8b4f;
				  }
				  h2.region-2 {
					color: #7d8b4f;
				  }
				  h1.region-2  {
					color: #7d8b4f;
				  }
				  .region-3 .type {
					color: #c12c55;
				  }
				  .type-region-3 {
					color: #c12c55;
				  }
				  .region-3 .icon {
					color: #c12c55;
				  }
				  h2.region-3 {
					color: #c12c55;
				  }
				  h1.region-3  {
					color: #c12c55;
				  }
				  .region-4 .type {
					color: #54b59b;
				  }
				  .type-region-4 {
					color: #54b59b;
				  }
				  .region-4 .icon {
					color: #54b59b;
				  }
				  h2.region-4 {
					color: #54b59b;
				  }
				  h1.region-4  {
					color: #54b59b;
				  }
				  .region-5 .type {
					color: #4094c6;
				  }
				  .type-region-5 {
					color: #4094c6;
				  }
				  .region-5 .icon {
					color: #4094c6;
				  }
				  h2.region-5 {
					color: #4094c6;
				  }
				  h1.region-5  {
					color: #4094c6;
				  }
				  .region-6 .type {
					color: #cb8c67;
				  }
				  .type-region-6 {
					color: #cb8c67;
				  }
				  .region-6 .icon {
					color: #cb8c67;
				  }
				  h2.region-6 {
					color: #cb8c67;
				  }
				  h1.region-6  {
					color: #cb8c67;
				  }
				  .region-7 .type {
					color: #872479;
				  }
				  .type-region-7 {
					color: #872479;
				  }
				  .region-7 .icon {
					color: #872479;
				  }
				  h2.region-7 {
					color: #872479;
				  }
				  h1.region-7  {
					color: #872479;
				  }
}

/* CSS Document */
.reference_in_select_list {
  float: left;
}

.one_reference_in_list {
  display: block;
  margin-top: .5em;
}

.reference_cite_slug {
  font-weight: bold;
}

.reference_ref_slug {
  font-weight: bold;
}

.reference_segment input {
  width: 7em;
  margin: 0;
}

.reference_segment select {
  width: 7em;
  margin: 0;
}

.reference_segment {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  width: 7em;
}

.reference_authors {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_title {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_journal_name {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: oblique;
}

.reference_year {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_volume {
  color: inherit;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}

.reference_issue {
  color: inherit;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}

.reference_page {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_available {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_doi {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_pmid {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_accessed {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_normal {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_bold {
  color: inherit;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}

.reference_italic {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: oblique;
}

.reference_grey {
  color: #666666;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_medium {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_thesis_title {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_book_title {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: oblique;
  text-decoration: none;
}

.reference_report_title {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: oblique;
  text-decoration: none;
}

.reference_reporting_body {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_report_series {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_chapter {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_place_of_publication {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_publisher {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_editors {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.reference_web_page_title {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  font-style: oblique;
}

.reference_film_title {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  font-style: oblique;
}

.print-only {
  display: none;
}

.page-break {
  display: none;
}

@media print {
  @page {
    size: A4;
  }
	
	

				  h2.region-2 {
					color: #7d8b4f;
				  }
				  h2.region-3 {
					color: #c12c55;
				  }
				  h2.region-4 {
					color: #54b59b;
				  }
				  h2.region-5 {
					color: #4094c6;
				  }
				  h2.region-6 {
					color: #cb8c67;
				  }
				  h2.region-7 {
					color: #872479;
				  }	
	
	/*

				  h2.region-2 {
					color: #000000;
				  }
				  h2.region-3 {
					color: #000000;
				  }
				  h2.region-4 {
					color: #000000;
				  }
				  h2.region-5 {
					color: #000000;
				  }
				  h2.region-6 {
					color: #000000;
				  }
				  h2.region-7 {
					color: #000000;
				  }	
*/

				  /* Based on the example stylesheet from the article at Smashing Magazine
					 * http:// coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/
					 * by Christian Krammer, ck@css3files.com
					 *  
					 */
				  /*
					 * Check also the jquery print preview plugin:
					 * https://github.com/etimbo/jquery-print-preview-plugin
					 * Demo page:
					 * http://etimbo.github.com/jquery-print-preview-plugin/example/index.html
					 *
					 */
				  /* page margins: does not work in Firefox */
				  /*
					@page {
						margin: 0.5cm;
					}
					*/
				  /* You can also set page margins independently for odd and even pages */
				  /*
					@page :left {
						margin: 0.5cm;
					}
					@page :right {
						margin: 0.8cm;
					}
					*/
				  /* Markup utilities */
				  .no-print {
					display: none;
				  }
				  .print-only {
					display: block;
				  }
				  .no-break {
					break-inside: avoid;
					page-break-inside: avoid;
				  }
				  blockquote {
					break-inside: auto;
					page-break-inside: auto;
				  }
				  .page-break {
					display: block;
					page-break-after: always;
				  }
				  .col-print-1 {
					width: 8%;
					float: left;
				  }
				  .col-print-2 {
					width: 16%;
					float: left;
				  }
				  .col-print-3 {
					width: 25%;
					float: left;
				  }
				  .col-print-4 {
					width: 33%;
					float: left;
				  }
				  .col-print-5 {
					width: 42%;
					float: left;
				  }
				  .col-print-6 {
					width: 50%;
					float: left;
				  }
				  .col-print-7 {
					width: 58%;
					float: left;
				  }
				  .col-print-8 {
					width: 66%;
					float: left;
				  }
				  .col-print-9 {
					width: 75%;
					float: left;
				  }
				  .col-print-10 {
					width: 83%;
					float: left;
				  }
				  .col-print-11 {
					width: 92%;
					float: left;
				  }
				  .col-print-12 {
					width: 100%;
					float: left;
				  }
				  /* Reset quotes */
				  q {
					quotes: none;
				  }
				  q:before, q:after {
					content: "";
				  }
				  /* Hide everything unneeded */
				  header h1, header nav, footer {
					display: none;
				  }
				  /* font sizes */
				  body {
					font-size: 1em;
					color: #343a40;
				  }
				  strong {
					font-weight: bold !important;
				  }
				  h1 {
					font-size: 24pt;
				  }
				  h2 {
					font-size: 14pt;
					margin-top: 25px;
				  }
				  aside h2 {
					font-size: 18pt;
				  }
				  /* Show printer-frindly logo. 
					 * In the html we have 2 logos: 1 for screen the other for print:
					 * something like: 
					 * <header>
					 * <a href="/" title="Home" class="logo">
					 *   <img src="img/logo.png" alt="Smashing Winery" class="screen"/>
					 *   <img src="img/logo_print.png" alt="" class="print"/>
					 * </a>
					 * </header>
					 */
				  header .print {
					display: block;
				  }
				  /* If you like things a little bit easier and more semantic you can 
					 * alternatively just leave the h1 of the  header visible, switch off 
					 * the margin and make it bigger than the rest of the headlines 
					 */
				  /*header nav, footer, img { display: none }
					header h1 {
						margin: 0;
						font-size: 30pt;
					}*/
				  /* Some browsers like to show a border around images. Switch it off */
				  img {
					border: 0;
				  }
				  /* Mover the header a little bit awy from the content */
				  header {
					margin-bottom: 40px;
				  }
				  /* Add the url of the site after the header so that the user knows where the printout came from */
				  header:after {
					display: block;
					content: "www.MY-AWSOME-SITE.com";
				  }
				  /* Additionally/optionally a little message could be displayed */
				  /*header:before {
						display: block;
						content: "Page from www.MY-AWSOME-WEBSITE.com. Please check back soon...";
						margin-bottom: 10px;
						border: 1px solid #bbb;
						padding: 3px 5px;
						font-style: italic;
					}*/
				  .article-footer {
					margin-top: 50px;
				  }
				  /* Separate blockquotes a little bit from the rest */
				  blockquote {
					border: none;
					padding-left: 20px;
					padding-right: 20px;
					font-style: italic;
				  }
				  /* Change link color to black */
				  a {
					color: #000;
					text-decoration: none !important;
				  }
				  /* Show the URL after each link, whereby internal links are preceeded by the site's URL */
				  .print-links a:after {
					content: " [https://www.rrh.org.au/" attr(href) "]";
					font-size: 80%;
					word-wrap: break-word;
					/* break long urls that donìt fit the page width */
				  }
				  /* External links don't get this treatment */
				  .print-links a[href^="http://"]:after, p a[href^="https://"]:after {
					content: " [" attr(href) "]";
				  }
				  /* Make sure citations don't get this treatment */
				  .reference_cite_slug:after {
					content: "";
				  }
				  /*
					 * If you want to display links as a list of URIs appended as footnotes to the document
					 * take a look at this script 
					 * http://www.v2.easy-designs.net/code/footnoteLinks/index.php
					 */
				  /* Append the source of the citation */
				  q:after {
					content: " [" attr(cite) "]";
				  }
				  /* The Sidebar is placed under the content automatically. 
					 * To distinguish it from the rest a border and a gap is set before 
					 */
				  aside {
					border-top: 1px solid #bbb;
					margin-top: 30px;
					display: block;
					/*page-break-before: always; */
					/* Moves the sidebar to new page */
				  }
				  .eighth_width {
					width: 15%;
				  }
				  .quarter_width {
					width: 25%;
				  }
				  .third_width {
					width: 33%;
				  }
				  .half_width {
					width: 50%;
				  }
				  .three_quarter_width {
					width: 75%;
				  }
				  .flexi_columns {
					column-count: 2;
					-webkit-column-count: 2;
					-moz-column-count: 2;
				  }
				  .flexi_columns .eighth_width {
					width: 20%;
				  }
				  .flexi_columns .quarter_width {
					width: 50%;
				  }
				  .flexi_columns .third_width {
					width: 60%;
				  }
				  .flexi_columns .half_width {
					width: 100%;
				  }
				  .flexi_columns .three_quarter_width {
					width: 100%;
				  }
				  .print-header {
					position: relative;
				  }
				  .print-header h5 {
					color: #eebf43;
					font-size: 100px;
				  }
				  .print-header .text-title, .print-header .issn {
					color: #343a40;
					position: absolute;
					top: 50%;
					margin-top: -13px;
				  }
				  .print-header .text-title {
					left: 130px;
				  }
				  .print-header .issn {
					right: 15px;
				  }
				  @page {
					@bottom-left {
					  content: counter(page) "/" counter(pages);
					}
				  }
				  .image-with-caption {
					display: block;
					width: 100%;
				  }
				  .image-with-caption img {
					display: block;
				  }
				  .image-with-caption.text-center img {
					display: block;
					margin-left: auto;
					margin-right: auto;
				  }
				  .content h1 {
					font-family: 'another_typewriterregular';
					margin-bottom: 30px;
					font-size: 1.5em;
				  }


				  .content h2.secondary {
					background-color: #aaa;
				  }
				  .content h3 {
					/* font-size: 1.25em; */
				  }
				  .content h4, .content h5 {
					/* font-size: 1em; */
				  }
				  .content h5 {
					/* font-size: 1em; */
					/* text-decoration: italic; */
				  }
				  table.report-container {
					page-break-after: always;
				  }
				  thead.report-header {
					display: table-header-group;
				  }
				  tfoot.report-footer {
					display: table-footer-group;
				  }
	
	/*
				  .region-1 .type {
					color: #cccccc;
				  }
				  .region-1 .icon {
					color: #cccccc;
				  }
				  .region-1 h2 {
				  }
				  .region-1 h1 {
					color: #cccccc;
				  }
				  .region-2 .type {
					color: #7d8b4f;
				  }
				  .region-2 .icon {
					color: #7d8b4f;
				  }
				  .region-2 h2 {
				  }
				  .region-2 h1 {
					color: #7d8b4f;
				  }
				  .region-3 .type {
					color: #c12c55;
				  }
				  .region-3 .icon {
					color: #c12c55;
				  }
				  .region-3 h2 {
				  }
				  .region-3 h1 {
					color: #c12c55;
				  }
				  .region-4 .type {
					color: #54b59b;
				  }
				  .region-4 .icon {
					color: #54b59b;
				  }
				  .region-4 h2 {
				  }
				  .region-4 h1 {
					color: #54b59b;
				  }
				  .region-5 .type {
					color: #4094c6;
				  }
	
				  .region-5 h2 {
					color: #4094c6;
				  }
	
				  .region-5 .icon {
					color: #4094c6;
				  }
				  .region-5 h2 {
				  }
				  .region-5 h1 {
					color: #4094c6;
				  }
	
				  .region-6 .type {
					color: #cb8c67;
				  }
	
				  .region-6 .icon {
					color: #cb8c67;
				  }
	
				  .region-6 h2 {
				  }
	
				  .region-6 h1 {
					color: #cb8c67;
				  }
	
				  .region-7 .type {
					color: #872479;
				  }
	
				  .region-7 h2 {
					color: #872479;
				  }	
	
				  .region-7 .icon {
					color: #872479;
				  }
	
				  .region-7 h2 {
				  }
	
				  .region-7 h1 {
					color: #872479;
				  }
	*/
				  .nav-placeholder, #nav {
					display: none;
				  }
}

/* CSS Document */
.full_width {
  width: 100%;
}

@media screen {
				  .three_quarter_width {
					width: 75%;
				  }
				  .half_width {
					width: 50%;
				  }
				  .third_width {
					width: 33.3%;
				  }
				  .quarter_width {
					width: 25%;
				  }
				  .eighth_width {
					width: 12%;
				  }
}

@media screen and (max-width: 991px) {
				  .three_quarter_width {
					width: 100%;
				  }
				  .half_width {
					width: 75%;
				  }
				  .third_width {
					width: 75%;
				  }
				  .quarter_width {
					width: 50.0%;
				  }
				  .eighth_width {
					width: 25%;
				  }
}

@media screen and (max-width: 767px) {
				  .extra_early_abstracts {
					display: none;
				  }
				  .three_quarter_width {
					width: 100%;
				  }
				  .half_width {
					width: 100%;
				  }
				  .third_width {
					width: 100%;
				  }
				  .quarter_width {
					width: 100.0%;
				  }
				  .eighth_width {
					width: 75%;
				  }
}

@media screen {
  /* Extra small <768px,	Small >=768px,	Medium >=992px,	Large >=1200px */
}

@media print {
				  .no_print {
					display: none;
				  }
				  .print_header .text_title {
					color: #eebf43;
				  }
				  .issn {
					text-align: right;
				  }
				  ul, ol, pre, .imageandcaption {
					page-break-inside: avoid;
				  }
				  ul, ol, pre, .imageandcaptionleft {
					page-break-inside: avoid;
				  }
				  h1, h2, h3, h4 {
					page-break-after: avoid;
				  }
				  .column_break {
					break-before: column;
					-webkit-column-break-before: always;
				  }
}

#authors p {
  clear: both;
}

#authors h3 {
  clear: both;
}

.clearall{
  clear: both;
}

.see_all {
  float: right;
}

.see_all a {
  font-size: .7em;
  color: #ffffff;
}

.white_text {
  color: #ffffff;
}

.site_title {
  text-transform: none;
}

.document_icon {
  height: 2em;
}

.youtube-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.youtube-container iframe,
.youtube-container object,
.youtube-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.article_detail p.imageandcaption {
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center;
  font-weight: bold;
  page-break-inside: avoid;
}

.imageandcaption img {
  text-align: center;
  display: block;
  align-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 1em;
}

.article_detail p.imageandcaptionleft {
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: left;
  font-weight: bold;
  page-break-inside: avoid;
}

.imageandcaptionleft img {
  text-align: left;
  display: block;
  align-content: center;
  margin-left: 1rem;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 1em;
}

.author_list_pic {
  float: left;
  height: 4em;
  margin-bottom: .4em;
  margin-right: .4em;
}

p.align_right {
  text-align: right;
}

p.align_center {
  text-align: center;
}

  .brand_yellow {
    background-color: #eebf43;
  }	

  .content h2.content_type {
    font-size: 1.5em;
	color: #ffffff;
    border-radius: 4px;
    width: 100%;
	padding-left: .2rem ; 
  }

  .region-1 .type {
	color: #cccccc;
  }
  .region-1 .icon {
	color: #cccccc;
  }
  .region-1 h2 {
	color: #cccccc;
  }
  .region-1 h1 {
	color: #cccccc;
  }
  .region-2 .type {
	color: #7d8b4f;
  }
  .region-2 .icon {
	color: #7d8b4f;
  }
  .region-2 h2 {
	color: #7d8b4f;
  }
  .region-2 h1 {
	color: #7d8b4f;
  }
  .region-3 .type {
	color: #c12c55;
  }
  .region-3 .icon {
	color: #c12c55;
  }
  .region-3 h2 {
	color: #c12c55;
  }
  .region-3 h1 {
	color: #c12c55;
  }
  .region-4 .type {
	color: #54b59b;
  }
  .region-4 .icon {
	color: #54b59b;
  }
  .region-4 h2 {
	color: #54b59b;
  }
  .region-4 h1 {
	color: #54b59b;
  }
  .region-5 .type {
	color: #4094c6;
  }

  .region-5 h2 {
	color: #4094c6;
  }

  .region-5 .icon {
	color: #4094c6;
  }
  .region-5 h2 {
	color: #4094c6;
  }
  .region-5 h1 {
	color: #4094c6;
  }

  .region-6 .type {
	color: #cb8c67;
  }

  .region-6 .icon {
	color: #cb8c67;
  }

  .region-6 h2 {
	color: #cb8c67;
  }

  .region-6 h1 {
	color: #cb8c67;
  }

  .region-7 .type {
	color: #872479;
  }

  .region-7 h2 {
	color: #872479;
  }	

  .region-7 .icon {
	color: #872479;
  }

  .region-7 h2 {
  }

  .region-7 h1 {
	color: #872479;
  }





  .bg-region-1 {
	background-color: #cccccc;
  }
  .bg-region-2 {
	background-color: #7d8b4f;
  }
  .bg-region-3 {
	background-color: #c12c55;
  }
  .bg-region-4 {
	  background-color: #54b59b;
  }
  .bg-region-5 {
	background-color: #4094c6;
  }
  .bg-region-6 {
	background-color: #cb8c67;
  }
  .bg-region-7 {
	background-color: #872479;
  }