@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;
}

.neat_table td, th {
 	border: 1px solid ;
	padding: .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;
  }
  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 {
    font-size: 1.5em;
    padding-left: .2em;
    border-radius: 4px;
    width: 100%;
    color: white;
    background-color: #eebf43;
    text-transform: uppercase;
  }
  .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;
  }
  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;
  }
  .region-1 .icon {
    color: #cccccc;
  }
  .region-1 h2 {
    background-color: #cccccc;
  }
  .region-1 h1 {
    color: #cccccc;
  }
  .region-2 .type {
    color: #7d8b4f;
  }
  .region-2 .icon {
    color: #7d8b4f;
  }
  .region-2 h2 {
    background-color: #7d8b4f;
  }
  .region-2 h1 {
    color: #7d8b4f;
  }
  .region-3 .type {
    color: #c12c55;
  }
  .region-3 .icon {
    color: #c12c55;
  }
  .region-3 h2 {
    background-color: #c12c55;
  }
  .region-3 h1 {
    color: #c12c55;
  }
  .region-4 .type {
    color: #54b59b;
  }
  .region-4 .icon {
    color: #54b59b;
  }
  .region-4 h2 {
    background-color: #54b59b;
  }
  .region-4 h1 {
    color: #54b59b;
  }
  .region-5 .type {
    color: #4094c6;
  }
  .region-5 .icon {
    color: #4094c6;
  }
  .region-5 h2 {
    background-color: #4094c6;
  }
  .region-5 h1 {
    color: #4094c6;
  }
  .region-6 .type {
    color: #cb8c67;
  }
  .region-6 .icon {
    color: #cb8c67;
  }
  .region-6 h2 {
    background-color: #cb8c67;
  }
  .region-6 h1 {
    color: #cb8c67;
  }
  .region-7 .type {
    color: #872479;
  }
  .region-7 .icon {
    color: #872479;
  }
  .region-7 h2 {
    background-color: #872479;
  }
  .region-7 h1 {
    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;
  }
  /* 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 {
    font-size: 1.5em;
    border-radius: 4px;
    width: 100%;
    color: white;
    background-color: #eebf43;
    text-transform: uppercase;
  }
  .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 {
    background-color: #cccccc;
  }
  .region-1 h1 {
    color: #cccccc;
  }
  .region-2 .type {
    color: #7d8b4f;
  }
  .region-2 .icon {
    color: #7d8b4f;
  }
  .region-2 h2 {
    background-color: #7d8b4f;
  }
  .region-2 h1 {
    color: #7d8b4f;
  }
  .region-3 .type {
    color: #c12c55;
  }
  .region-3 .icon {
    color: #c12c55;
  }
  .region-3 h2 {
    background-color: #c12c55;
  }
  .region-3 h1 {
    color: #c12c55;
  }
  .region-4 .type {
    color: #54b59b;
  }
  .region-4 .icon {
    color: #54b59b;
  }
  .region-4 h2 {
    background-color: #54b59b;
  }
  .region-4 h1 {
    color: #54b59b;
  }
  .region-5 .type {
    color: #4094c6;
  }
  .region-5 .icon {
    color: #4094c6;
  }
  .region-5 h2 {
    background-color: #4094c6;
  }
  .region-5 h1 {
    color: #4094c6;
  }
  .region-6 .type {
    color: #cb8c67;
  }
  .region-6 .icon {
    color: #cb8c67;
  }
  .region-6 h2 {
    background-color: #cb8c67;
  }
  .region-6 h1 {
    color: #cb8c67;
  }
  .region-7 .type {
    color: #872479;
  }
  .region-7 .icon {
    color: #872479;
  }
  .region-7 h2 {
    background-color: #872479;
  }
  .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;
  }
  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;
}

.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;
}