/*  ******************Import font for Pulication Facts***************** */

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@100;200;300;400;500;600;800&display=swap');





/*  ****************** Publication facts box styles ***************** */


/*Hide descriptive text for screen readers*/

.visually-hidden {
 text-indent: -10000px;
}

/*centers button at footer*/

.container-to-center-button {

	text-align: center;

}

 



.publication-facts-container p {

	margin: 0;

}



 

 h2.whichLabel {

  font-family: 'Archivo', sans-serif;

  font-weight: 300;

  font-size: 1.5em;

  color: #777;

 } 

 

.label-holder {

	margin: 21px;

	float: left;

}


h5 {
    padding: 0;
    margin: 0;
}

/* accordian styling*/

.accordion div{

    display:none;

 }

 

 .publication-facts-container.accordion h2:hover{

    cursor:pointer;

}

 

 .accordion h2 {

  display: inline-block;

 }

 

 .orchidID{

  width: 20px;

  display: inline-block;

  height:20px;

  padding: 0;

  margin-bottom: 0;

  margin: 0 2px -4px 5px;

 }

 

#accordioncontent_1 strong {

    font-weight: 600;

}

 

  div.publication-facts-container{

  padding: 0 7px 0 7px;

  margin: auto;

  border: solid 2.25px #828282; 

  box-sizing: border-box;

  text-align: left;

	overflow: hidden;

 display: inline-block; /* should his be !important?*/

/* border-top: 1px solid #828282;  added 7-4-22 */

 /*border-bottom: 1px solid #828282;   added 7-4-22 */

 }

 

 

/* button styling*/

button.PB-facts-header {

    font-family: 'Archivo Black', sans-serif;

    weight:600;

/*    font-size: 2.05em;*/

	font-size: 24px;

    margin: 0;

    padding:0;

    border: none;

    background-color: #fff;

    cursor: pointer;

    color:#696969;

	padding-top: 8px;

    padding-bottom: 8px;

	min-width: 250px;

}

	

	button.PB-facts-header:hover {

		color:#000;

	}	

 

 .publication-facts-container table {

  border-collapse: collapse; 

 }

 

 .publication-facts-container h2, h3 {

  margin: 0; 

 }

 

 .publication-facts-container h2 {

  font-family: 'Archivo Black', sans-serif;

  margin:0;

  padding:0;

 }

 



 



 .after-colon {

/*  padding-left: 4px;*/

  display: inline-block;

 }

 



 

 .th-light, .td-data, .pub-facts-footer, .pub-facts-date-published, .pub-facts-article-title,.current-fact, section p {

  font-family: 'Archivo', sans-serif;

  font-weight: 300;

  font-size: 14px;

 }

 

 .pub-facts-date-published {

  font-size:.95em;

 }

 



 .pub-facts-date-published, .pub-facts-article-title {

  text-align: center;

 }

 



 .th-small {

  font-family: 'Archivo', sans-serif;

  font-weight: 700;

 }

 

 .td-data {

  font-size: 1em; 

 }

 



/*Positions info modal  button and right disipline heading*/

.th-discipline + a.info {

    right: 0;

    position: absolute;

}



span.th-discipline.th-small {

    margin-right: 20px;

}

 

#accordioncontent_1 .footer-copy, .th-small  {

    font-size: .80em;

}

 

#accordioncontent_1 .footer-copy {

    line-height: 15px;

}



p.footer-left-column {

    width: 49%;

    float: left;

}



p.footer-right-column {

    text-align: right;

    float: right;

	width: 48%;

}



p.footer-single-column {

    clear: both;

    padding-top: 5px;

    text-align: center;

}



p.footer-p {

	font-size: 1em;

}

 

/* Cell widths*/

 

 th {

  width: 70%;

 } 

 



 /* Padding and margins */

	

.small-header-row, .data-row, section p {

    padding: 1px 0;

}	



section.row-thin-underline.data-row {

	padding: 1px;

}	

 

  .td-data, .th-reception {

   padding: 5px 0 5px;

 }



 

   .th-small, .small-header-row {

  text-align: left;

  padding: 1px 0 1px 0; 

 }

	



 

  .td-data, .th-small.th-discipline {

	float: right;

 display: inline-flex; /* trying to fix layout in safari*/

	padding: 0;  

 }

 

	.th-small.th-discipline {

		padding-top: 2px;

	}

	

	

  .pub-facts-date-published p{

  padding: 5px 0 10px 0;

  margin: 0; 

 }

 

   .pub-facts-date-published{

  padding:0;

   margin:0;

 }

 

 .pub-facts-article-title p{

   padding:0 0 5px 0;

  margin: 0;

 }

 

 .pub-facts-footer section{

/*    padding: 3px 0 3px 0;*/

    margin: 0;

/*    border-top: 1px solid #828282;*/

 }

 

 table {

    margin-top: 5px;

}



section.top-level-facts.pub-facts-level-one {

    padding-top: 2px;

}



section.pub-facts-level-two {

/*    border-top: 1px solid #828282;*/

    padding-top: 1px;

/*    margin-top: 3px;*/

	padding-bottom: 3px

}

 



/* Line weights*/

 

 .accordion-content {

	border-top: solid 6px #828282;

 }

 

 .row-thin-underline {

  border-bottom: solid .1px #828282;

 }

 

 .row-med-underline {

  border-bottom: solid 3.5px #828282; 

 }

 

  .row-med-thick-underline, .PB-facts-journal, .pub-facts-article-title {

  border-bottom: solid 6px #828282; 

 }



 



/*info "i" buttons*/



.info  {

    margin: 0;
    padding: 0;
    display: inline-block;
    float: right;
    padding-top: 2px;
    cursor: pointer;
    border: 0;
    background: none;
    padding-left: 5px;

}


	 

.footer-info img {

    width: 14px;

    padding: 0;

    margin: 0;

    display: inline-block;

    margin-bottom: -2px;

}









/*override pkp styles*/

.pkp_page_index .additional_content {

	padding: 20px 0 10px 0;

}



.pkp_structure_main {

    padding-bottom: 1rem;

}





.pkp_footer_content {

    padding: 0;

}



.pkp_brand_footer a {

    max-width: 100px;

}





.facts-box-for-article.container-to-center-button {

    border-top: solid 1px #ddd;

    padding-top: 20px;

    padding-bottom: 15px;

display:none;

}





/* --------------- styles for modal -----------------------*/



.invisible {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}





.hidden { display: none; }





/* modal */

.simple-animatedtransform-modal {

  position: fixed;

  left: 50%;

  transform: translate(-50%, 0);

  max-width: 600px;

  top: 5vh;

  max-height: 90vh;

  /*

  If you have problems with vh units 

  top: 5%;

  max-height: 90%;

  */

  border: 1px solid #000;

 border-left: none;

 border-right: none;

  background: #fff;

  z-index: 667;

  padding: 1em;

  right: auto;

  overflow: auto;

}





h1#modal-title {

    font-family: 'Archivo', sans-serif;

    font-weight: 600;

    text-align: left;

    font-size: 1.25em;

    margin-top: 60px;

    margin-bottom: 0;

    padding: 0;

}

 	

div#js-modal-content {

    text-align: left;

    font-family: 'Archivo', sans-serif;

    line-height: 20px;

}



div.modal-pub-facts-header {

    position: absolute;

    top: 20px;

    max-width: 80%;

   } 



div.modal-pub-facts-header h4 {

    font-size: 19px;

    display: inline;

   } 



div.modal-pub-facts-header img {

    width: 17px;

    height: 17px;

    display: inline-block;

/*  margin-left: 3px;*/

	float: left;

    margin-right: 7px;

}



#js-modal-content p, #js-modal-content ul {

    font-size: 1.15em;

    line-height: 1.3;

}



#js-modal-content ul {

    margin-top: 0;

    padding-top: 0;

}



#js-modal li {

    padding-bottom: 10px;

}



#js-modal li:last-child {

    padding-bottom: 0;

}



.modal-pub-facts-header +p {

    margin-top: 5px;

	margin-bottom: 7px;

} 



span.modal-subheader-1 {

    margin-top: 20px;

    display: inline-block;

}





.simple-animatedtransform-modal .orchidID {

    margin: 0 4px -4px 4px;

    }	

	



p.modal-footer.text {

    text-align: right;

}



/* needed for old browsers */

dialog {

  display: block;

  border: 0;

}

/* removes scroll when modal is opened */

.no-scroll {

  overflow: hidden;

}

/* overlay covers everything */

.simple-animatedtransform-modal-overlay {

  position: fixed;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  background: #fff;

  opacity: .8;

  z-index: 666;

  cursor: pointer;

}

.simple-animatedtransform-modal-overlay[data-background-click="disabled"] {

  cursor: auto;

}



.simple-animatedtransform-modal-overlay {

  animation: fadewhite ease .5s 1 normal ;

}



/*span for adjusting text*/

.peer_reviewers_article span.adjust-text {

    margin-left: -3px;

    display: inline-block;

    margin-right: 2px;

}





/*

div#js-modal-content h4 {

    font-size: 1.5em;

    margin-bottom: 0;

    padding-bottom: 0;

}

*/





/*

div#js-modal-content h4 + p{

     margin-top: 5px;

}

*/



@keyframes fadewhite {

  0% {

    opacity: 0;

  }

  100% {

    opacity: .8;

  }

}



.simple-animatedtransform-modal-close {

    float: right;

    background: #1e6292;

    border-radius: 7px;

    position: absolute;

    right: 15px;

    top: 15px;

    color: #fff;

    border: 0;

    font: inherit;

    padding: 0.25em 0.5em;

    font-family: 'Archivo', sans-serif;

    font-weight: 400;

    cursor: pointer;

}

.simple-modal-close:focus,

.simple-modal-close:hover,

.simple-modal-close:active {

  outline: 1px solid black;  

}

.simple-modal-close:hover,

.simple-modal-close:active {

  background: #4d287f; 

}



.simple-animated-modal {

  -webkit-animation: apparition ease .5s 1 normal ;

          animation: apparition ease .5s 1 normal ;

}

.simple-animatedtransform-modal {

  -webkit-animation: pop ease .5s 1 normal ;

          animation: pop ease .5s 1 normal ;

}



@-webkit-keyframes apparition {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes apparition {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



@-webkit-keyframes pop {

  0% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }

  100% {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  }

}

@keyframes pop {

  0% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }

  100% {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  }

}