:root{
  --ppexmedblue: #008768;
  --ppexmedlightgray : #e0e1e2;
}

.accordion-button:not(.collapsed){
  background-color: white;
  color: black;
  border: 0;
}

.accordion-button::after{
  padding: 0;
}

.body{
  font-family: Arial, sans-serif;
  position: relative;
}

.btn{
  border-radius: 0;
  background-color: var(--ppexmedblue);
  margin-left: 10px;
  margin-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  border: 0;
}

.btn:hover{
  border-radius: 0;
  background-color: var(--ppexmedblue);
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  border: 0;
}

.btn::after{
  border-radius: 0;
  background-color: var(--ppexmedblue);
  margin-left: 10px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  border: 0;
}

.btn-secondary{
  margin-left: 0;
  background-color: var(--ppexmedlightgray);
  color: #000000;
}

.btn-secondary:hover{
  margin-left: 0;
  background-color: var(--ppexmedlightgray);
  color: #000000;
}

.article-figures{
  margin: 0 auto; /* Added */
  float: none; /* Added */
}

.article-issues{
  margin-top: 20px;
  font-size: 12px;
}

p.article-issues{
  margin: 0;
  font-style: italic;
}

h2.article-issues{
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  text-align: justify;
  margin: 0;
}

h3.article-issues{
  font-style: italic;
  font-size: 18px;
  line-height: 24px;
  text-align: justify;
  margin-left: 0;
  margin-bottom: 2px;
  font-weight: bold;
  color: black;
}

.article-issues-download{
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 5px;
  margin-bottom: 20px;
}

.article-preview{
  margin-top: 30px;
}

.article-head{
  justify-content: center;
}

h1.article-title{
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}

p.article-authors{
  text-align: center;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.article-affiliations{
  display: flex;
  justify-content: center;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}

.article-paragraph{
  font-size: 14px;
  text-align: justify;
  margin-top: 30px;
  margin-bottom: 10px;
  line-height: 20px;
}
h1.article-paragraph{
  font-weight: bold;
  font-style: italic;
  display: inline;
}

h2.article-paragraph{
  font-weight: bold;
  margin-bottom:  20px;
}

h3.article-paragraph{
  font-style: italic;
}

.blue-text{
  color: var(--ppexmedblue);
}

.card-text{
  font-family: Arial, sans-serif;
  font-style: italic;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
}

@media screen and (min-width: 1320px){
  .container-sm{ width: 1140px; }
}

.container-md{
  max-width: 1140px;
}

.carousel{
  margin-top: 20px;
}

.carousel-caption{
  z-index: 999;
  background-color: #000100;
  opacity: 70%;
  margin-bottom: 30px;
}

p.carousel-caption{
  z-index: 999;
  color: #FFFFFF;
  opacity: 50%;
  text-align: justify;
  padding: 20px;
}

h1.caroussel-caption{
  z-index: 999;
  color: #FFFFFF;
  opacity: 50%;
}

.carousel-inner{
  width: 100%;
  max-height: 60vh !important;
}

.dropdown-menu{
  border-radius: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}

.dropdown-item{
  padding-top: 2px;
  padding-bottom: 2px;
}

h1.edboard{
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
}

.edboarddiv{
  margin-top 5px;
  margin-bottom: 5px;
  padding: 0;
  width: 250px;
  height: 2px;
  background-color: var(--ppexmedblue);
}

p.edboard{
  font-size: 14px;
  margin-top: 0;
  padding-top: 0;
  margin-left: 10px;
}

.footer{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 10px;
  padding-bottom: 20px;
}

.general-download{
  display: flex;
  justify-content: flex-flex-start;
  align-items: stretch;
  margin-top: 0;
}

.hdivider{
  width: 100%;
  height: 2px;
  margin-bottom: 10px;
  background-color: #999;
}

.hdividerGreen{
  width: 100%;
  height: 4px;
  margin-bottom: 10px;
  background-color: #4B9173;
}

.head-banner-mobile{
  background-image: url('../images/CPB_Logo_Mobile_V2.jpg');
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  margin-top: 20px;
  min-height: 100px;
  position: relative;
  vertical-align: bottom;
}

.head-banner{
  background-image: url('../images/Logo_CPB.png');
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  margin-top: 20px;
  min-height: 200px;
  position: relative;
  vertical-align: bottom;
}

.issue-preview{
  display: grid;
  justify-content: center;
}

a.issue-preview{
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 20px;
  background-position: 0px 0px;
  width: 167px;
  height: 250px;
  box-shadow: 3px 3px 7px 0 #000;
}

img.issue-preview{
  margin-top: 20px;
  width: 200px;
  height: 300px;
  box-shadow: 3px 3px 7px 0 #000;
}

p.issue-preview{
  margin-top: 8pt;
  font-size: 16px;
  max-width: 200px;
  text-align: left;
}

.issue-preview-big{
  margin-top: 30px;
  display: grid;
  justify-content: center;
}

img.issue-preview-big{
  margin-top: 50px;
  margin-bottom: 50px;
  width: 250px;
  height: 350px;
  box-shadow: 3px 3px 7px 0 #000;
}

.modal{
  height: 100vh;
  width: 100%;
}

.modal-header{
  height: 5vh;
}


.modal-footer{
  height: 30vh;
  overflow-y: auto;
  text-align: left;
}

.modal-body{
  height: 60vh;
}

.news{
  margin: 0;
  font-style: italic;
}

a.news{
  color: black;
  text-decoration: none;
}

.keyword{
  border-radius: 0;
  background-color: var(--ppexmedlightgray);
  margin-left: 15px;
  margin-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;}

a.ppexmed-link{
  text-decoration: none;
  color: var(--ppexmedblue);
}

.ppex_med_slider{
  height:50vh;
  background-position: center;
  background-size: contain;
}

.ppexmed-section{
  font-size: 14px;
  text-align: justify;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 20px;
}

ul.section{
  margin-left: 30px;
}

h1.ppexmed-section{
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-style: italic;
  padding-left: 0;
}

td,tr,table.ppexmed_table{
  margin: 10px;
  border: 1px solid black;
  text-align: center;
}

td,tr.ppexmed_table{
  padding: 5px;
}

td,tr,tbody,table.resultB{
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  border: 0;
  text-align: justify;
  vertical-align: top;
}

a.resultB{
  font-size: 14px;
  line-height: 20px;
  color: var(--ppexmedblue);
  text-decoration: none;
}

.list-group-item.active{
  background-color: var(--ppexmedblue);
}

.side-nav{
  padding-top: 20px;
  font-size: 12px;
}

a.slider_sub{
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: white;
}

a.slider_main{
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: white;
}

.main-column{
  margin: 10px;
}

.nav-item{
  margin-right: 10px;
}

.nav-container-banner{
  position: absolute;
  bottom: 0;
  right: 0;
}

.navbar{
  margin-bottom: 0px;
}

.pub-details{
  margin-top: 20px;
}

p.pub-details{
  margin-top: 0;
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-style: italic;
}

.references-row{
  margin-top: 20px;
}

.references-link{
  line-height: 30px;
}

.spacer{
  height: 20px;
}

.text{
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a.text{
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #20f;
  text-decoration: none;
}

.text-indent{
  text-indent: 2em;
}