body {
	background-color: #ffffff;
	color: #000000;
	text-align:justify;
	font-family:'Roboto',sans-serif;
	font-size:16px !important;
}
p, li, blockquote, cite, dd {
    font-size:16px !important;
}
p, h1, h2, h3, h4, h5, h6, legend{
    font-family:'Roboto',sans-serif;
}
h3 {
    margin: 0.5rem 0 1.5rem 0;
}
h1{
    font-weight:500 !important;
    font-size: 2rem;
}
h4{
    font-size: 1.2rem;
}
.csl-entry {
    font-size: 16px;}
.article__btn.pdf:hover, .btn-secondary:hover {
    background-color:#ef7e3a !important;
    color:white;
}
input.textField, select.selectMenu, textarea.textArea, input.uploadField {
	background-color: #eeeeee;
}

input.defaultButton {
	background-color: #000000;
	color: #ffffff;
}

#header {
	background-color: #ffffff;
}

#headerTitle {
	color: #000000;
}

#header h1 {
	font-family: 'Roboto',sans-serif;
}

#main {
	background-color: #ffffff;
}
td{
        padding: 15px;
}
#main h2 {
	font-family: 'Roboto',sans-serif;
}

#main h3 {
	font-family: 'Roboto',sans-serif;
}

#navbar {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: red;
}

#breadcrumb {
	padding-bottom: 10px;
	border-bottom: 1px dotted red;
}

#content {
	border-top: 0px dotted #000;
}

#content h3 {
	font-family: 'Roboto',sans-serif;
}

#content h4 {
	font-family: 'Roboto',sans-serif;
}

#navbar a {
	background-color: red;
	padding: 5px;
	color: white;	
}
.pkp_page_index .cmp_announcements>.obj_announcement_summary {
    width: 100%;
}
.pkp_page_index .cmp_announcements .more {
    width: 100%;
}
.col-lg-8, .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
}
.offset-md-4, .offset-lg-2  {
    margin-left: 0px;
}
.article-page a {
    color: black;
}
.article-page {
    background: white;
    color: black;
}
.list-galleys a {
    background-color: white;
    border: 1px solid #040404;
}
.article-page .btn {
    border-color: black;
}
.cmp_edit_link{
    display: none;
}
.journal-description {
    padding: 0vh 0 0vh 0;
}
.issue__meta {
    margin: 0em 0;
}
.issue-section__toc-item{
        margin-bottom: -1.25em;
}
.main-header {
    background-size: contain;
}
/*.main-header__nav-link {
    margin: 0 1vw;
}*/
.main-header__title span {
    display: none;
}
.main-header {
    background-color: #ef7e3a;
}
.main-header__admin-link {
    background-color: #ef7e3a00;
    font-weight: bolder;
}
/*.issue-section__toc-item {
    margin-bottom: 20px;
    padding: 1rem;
    border-radius: 0rem 0rem 2rem 0rem;
   box-shadow: 0.2rem 0.2rem 1.1rem #8483a5;
    border: 0px solid white;
}*/
.issue-section h4{
    margin-top: -16px;
    font-weight: 500;
}
.footer-col a {
  color: white;
}

.footer-content-wrapper {
  width: 82%;
  margin: -1em auto;
}

.footer-col {
  display: inline-block;
  padding: 0.5em 2.1em 0.5em 1em;
  box-sizing: border-box;
}
.footer-col:nth-child(4) {
  border: none;
}

.ta-l {
  text-align: left;
}
.flt {
  float: left;
}

.flt:nth-child(4):after {
   content: " "; 
   visibility: hidden; 
   display: block; 
   height: 1em; 
   clear: both;
}

.pkp_brand_footer {
    padding: 0px;
}
.pkp_footer_content {
    padding: 0px;
}
.footer-col a {
  display: block;
  margin: 0.3em 0;
  text-decoration: none;
}

@media (max-width: 550px) {
  .small-50 {
    width: 50%;  
  }
  .footer-col:nth-child(2) {
    border: none;
  }
}

@media (max-width: 300px) {
  .tiny-100 {
    width: 100%;
  }
  .footer-col { 
    border: none;
  }
}
#copyright1 {
    color: white;
    text-align: center;
    clear: both;
    font-size: 14px;
}
.main-footer {
    background-color: #ef7e3a;
        padding: 0vh 0;
}
.col-sm-1 {
    max-width: 0%;
}
.main-header__title {
   /* margin: 1.5vh auto 10vh auto;*/
  margin: -11.5vh auto 0vh auto;
}
.page_index:not(.indexSite) .main-header__title {
    margin: -11.5vh auto 0vh auto;
}
.main-header__admin-link{
    padding: 1.25em 0.5em;
}
.page_index:not(.indexSite) .main-header {
    padding-top: 0vh;
}
.slider{
	width: 660px; /*Same as width of the large image*/
	position: relative;
	/*Instead of height we will use padding*/
	padding-top: 400px; /*That helps bring the labels down*/
	margin-top:10px !important;
	margin: 100px auto;
	
	/*Lets add a shadow*/
	/* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75); */
}


/*Last thing remaining is to add transitions*/
.slider>img{
	position: absolute;
	left: 0; top: 0;
	transition: all 0.5s;
}

.slider input[name='slide_switch'] {
	display: none;
}

.slider input[name='slide_switch1'] {
	display: none;
}

.slider input[name='slide_switch2'] {
	display: none;
}

.slider input[name='slide_switch3'] {
	display: none;
}

.slider input[name='slide_switch4'] {
	display: none;
}

.slider input[name='slide_switch5'] {
        display: none;
}


.slider label {
	/*Lets add some spacing for the thumbnails*/
	margin: 18px 0 0 12px;
	border: 3px solid #999;
	
	float: left;
	cursor: pointer;
	transition: all 0.5s;
	
	/*Default style = low opacity*/
	opacity: 0.6;
}

.slider label img{
	display: block;
}

/*Time to add the click effects*/
.slider input[name='slide_switch']:checked+label {
	border-color: #666;
	opacity: 1;
}
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.slider input[name='slide_switch'] ~ img {
	opacity: 0;
	transform: scale(1.1);
}

.slider input[name='slide_switch']:checked+label+img {
	opacity: 1;
	transform: scale(1);
}

/*Time to add the click effects*/
.slider input[name='slide_switch1']:checked+label {
	border-color: #666;
	opacity: 1;
}
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.slider input[name='slide_switch1'] ~ img {
	opacity: 0;
	transform: scale(1.1);
}

.slider input[name='slide_switch1']:checked+label+img {
	opacity: 1;
	transform: scale(1);
}

/*Time to add the click effects*/
.slider input[name='slide_switch2']:checked+label {
	border-color: #666;
	opacity: 1;
}
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.slider input[name='slide_switch2'] ~ img {
	opacity: 0;
	transform: scale(1.1);
}

.slider input[name='slide_switch2']:checked+label+img {
	opacity: 1;
	transform: scale(1);
}

/*Time to add the click effects*/
.slider input[name='slide_switch3']:checked+label {
	border-color: #666;
	opacity: 1;
}
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.slider input[name='slide_switch3'] ~ img {
	opacity: 0;
	transform: scale(1.1);
}

.slider input[name='slide_switch3']:checked+label+img {
	opacity: 1;
	transform: scale(1);
}


/*Time to add the click effects*/
.slider input[name='slide_switch4']:checked+label {
	border-color: #666;
	opacity: 1;
}
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.slider input[name='slide_switch4'] ~ img {
	opacity: 0;
	transform: scale(1.1);
}

.slider input[name='slide_switch4']:checked+label+img {
	opacity: 1;
	transform: scale(1);
}


/*Time to add the click effects*/
.slider input[name='slide_switch5']:checked+label {
	border-color: #666;
	opacity: 1;
}
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.slider input[name='slide_switch5'] ~ img {
	opacity: 0;
	transform: scale(1.1);
}

.slider input[name='slide_switch5']:checked+label+img {
	opacity: 1;
	transform: scale(1);
}

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
   /* border: 1px solid #ccc;*/
    border-top: none;
}

.topright {
 float: right;
 cursor: pointer;
 font-size: 20px;
}

.topright:hover {color: red;}
.article {
    margin-bottom: 4.5vh;
}
/*.issue-section__toc-item:hover {background-color: #ef7e3a0f;}*/
.issue-section__header {
    margin-bottom: -3.5vh;
       /* background: #ef7e3a;
    height: 39px;*/
    color:#ef7e3a;
}
.col-lg-3 {
    flex: 0 0 60%;
    max-width: 60%;
}
.issue-section {
    padding: 2.5vh 0 7.5vh 0;
}
.issue {
     background: white;
    color: #080808;
}
.scrolling {    
    top: -18px;        
}
.scrolling-limit{
  width: 100%;
  height: auto;
  overflow:hidden;
  white-space:nowrap;
  color:#cdf109;
	position: relative;
    overflow: hidden;
    /*padding-top: 15px;
    padding-bottom: 15px;*/
    border-radius: 10px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    border-width: 1px 10px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: #dcdcdc #e5e5e5;
}

.scrolling{
  position: relative;
  -webkit-animation: scroll 20s infinite linear;;
  -moz-animation: scroll 20s infinite linear;
  -o-animation: scroll 20s infinite linear;
  animation: scroll 14s infinite linear;
  top:0px;
  font-size:23px;
  font-weight:bold;
  font-style: italic;
}

@keyframes scroll{
    0%   {left: 100px;}
    100% {left: -1300px;}
}
@-webkit-keyframes scroll{
    0%   {left: 400px;}
    100% {left: -340px;}
}
table {
    font-size: 15px;
}
.archived-issue__title {
    font-size: 16px;
}
figure {
    width: 151px;
}