.pkp_brand_footer {
    padding: 30px 30px 0px 0px;
    float: right;
    width: 9%;
    margin-top: -90px;
}

.pkp_page_index .additional_content {
    border-top: 0px;
}

.item.author_bios {
	display: none;
}

.item.references {
	display: none;
}

div.submission_checklist {
	display: none;
}

.custom_footer_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    background-color: #f1f1f1;
}
.footer_menu_col {
    flex: 1;
    min-width: 200px;
    margin: 10px;
}
.footer_menu_col h2 {
    font-size: 1.2em;
}
.footer_menu_col ul {
    list-style-type: none;
    padding: 0;
}
.footer_menu_col ul li {
    margin-bottom: 10px;
}
.footer_menu_col ul li a {
    text-decoration: none;
    color: #000;
}
.footer_menu_col ul li a:hover {
    text-decoration: underline;
}
.footer_logos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 0;
}
.footer_logos img {
    margin: 10px;
    width: 100px;
}
.footer_text {
    text-align: center;
    padding: 20px;
    font-size: 0.9em;
}
@media (max-width: 600px) {
    .footer_menu_col {
        flex: 100%;
    }
    .footer_logos img {
        width: 80px;
    }
}

		
.show.li.a:hover {
color: #ffff00;
}

.show.li {
		padding: 5px 0px 5px 0px;
}

.custom_footer_menu a:hover {
    color: #fff;
}
.custom_footer_menu a {
    color: #f7bc4a;
}

.issues_archive ul {
    display: -webkit-inline-box;
}

.swiper-container {
    width: 100%;
    height: 300px;
	background: #000;
}

.swiper-slide {
	  font-size: 18px;
      color:#fff;
	  text-shadow: 1px 1px #000000;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 40px 60px;
	}


 .swiper-slide .title {
		font-size: 30px;
		font-weight: 400;
		line-height: 100%;
		background-color: rgba(85, 8, 77, 0.4);
		padding: 5px;
    }
    .swiper-slide .subtitle {
      font-size: 21px;
	  background-color: rgba(0,0,0,0.4);
	  padding: 5px;
    }
    .swiper-slide .text {
      font-size: 14px;
      max-width: 600px;
      line-height: 1.3;
	  background-color: rgba(0,0,0,0.4);
	  padding: 5px;
    }
		
	.parallax-bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 130%;
      height: 100%;
      -webkit-background-size: cover;
      background-size: cover;
      background-position: center;
    }
	
	/* Enhancements for Mobile Responsiveness */

@media only screen and (max-width: 768px) {
    .parallax-bg {
        background-size: contain; /* Adjust as needed for best appearance */
    }

    .swiper-container {
        height: auto; /* Adjust height for mobile screens */
    }

    .swiper-slide {
        font-size: 16px; /* Smaller font size for mobile */
        padding: 20px 30px; /* Adjust padding for smaller screens */
    }

    .swiper-slide .title {
        font-size: 24px; /* Adjust title size for readability */
    }

    .swiper-slide .subtitle {
        font-size: 18px; /* Adjust subtitle size for better display */
    }

    .swiper-slide .text {
        font-size: 14px; /* Adjust text size for mobile screens */
    }
}
	

@font-face {
    font-family: 'cinzelregular';
    src: url('https://www.bjbms.org/ojs/webfont/cinzel-regular-webfont.woff2') format('woff2'),
         url('https://www.bjbms.org/ojs/webfont/cinzel-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}

.pkp_site_name .is_text {
    font-family: "cinzelregular",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
	}
	
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');

.info-msg,
.success-msg,
.warning-msg,
.error-msg {
  margin: 10px 0;
  padding: 10px;
  border-radius: 3px 3px 3px 3px;
}
.info-msg {
  color: #059;
  background-color: #BEF;
}
.success-msg {
  color: #270;
  background-color: #DFF2BF;
}
.warning-msg {
  color: #9F6000;
  background-color: #FEEFB3;
}
.error-msg {
  color: #D8000C;
  background-color: #FFBABA;
}

.invoice-box {
				max-width: 800px;
				margin: auto;
				padding: 30px;
				border: 1px solid #eee;
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
				font-size: 16px;
				line-height: 24px;
				font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
				color: #555;
			}

			.invoice-box table {
				width: 100%;
				line-height: inherit;
				text-align: left;
			}

			.invoice-box table td {
				padding: 5px;
				vertical-align: top;
			}

			.invoice-box table tr td:nth-child(2) {
				text-align: right;
			}

			.invoice-box table tr.top table td {
				padding-bottom: 20px;
			}

			.invoice-box table tr.top table td.title {
				font-size: 45px;
				line-height: 45px;
				color: #333;
			}

			.invoice-box table tr.information table td {
				padding-bottom: 40px;
			}

			.invoice-box table tr.heading td {
				background: #eee;
				border-bottom: 1px solid #ddd;
				font-weight: bold;
			}

			.invoice-box table tr.details td {
				padding-bottom: 20px;
			}

			.invoice-box table tr.item td {
				border-bottom: 1px solid #eee;
			}

			.invoice-box table tr.item.last td {
				border-bottom: none;
			}

			.invoice-box table tr.total td:nth-child(2) {
				border-top: 2px solid #eee;
				font-weight: bold;
			}

			@media only screen and (max-width: 600px) {
				.invoice-box table tr.top table td {
					width: 100%;
					display: block;
					text-align: center;
				}

				.invoice-box table tr.information table td {
					width: 100%;
					display: block;
					text-align: center;
				}
			}

			/** RTL **/
			.invoice-box.rtl {
				direction: rtl;
				font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
			}

			.invoice-box.rtl table {
				text-align: right;
			}

			.invoice-box.rtl table tr td:nth-child(2) {
				text-align: left;
			}
			
			


@import url('https://fonts.googleapis.com/css?family=Open+Sans|Pinyon+Script|Rochester');

.cursive {
  font-family: 'Pinyon Script', cursive;
}

.sans {
  font-family: 'Open Sans', sans-serif;
}

.bold {
  font-weight: bold;
}

.block {
  display: block;
}

.underline {
  border-bottom: 1px solid #777;
  padding: 5px;
  margin-bottom: 15px;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.pm-empty-space {
  height: 40px;
  width: 100%;
}

body {
  padding: 20px 0;
  background: #ccc;
}

.pm-certificate-container {
  position: relative;
  width: 800px;
  height: 600px;
  background-color: #618597;
  padding: 30px;
  color: #333;
  font-family: 'Open Sans', sans-serif;
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  /*background: -webkit-repeating-linear-gradient(
    45deg,
    #618597,
    #618597 1px,
    #b2cad6 1px,
    #b2cad6 2px
  );
  background: repeating-linear-gradient(
    90deg,
    #618597,
    #618597 1px,
    #b2cad6 1px,
    #b2cad6 2px
  );*/
  
  .outer-border {
    width: 794px;
    height: 594px;
    position: absolute;
    left: 50%;
    margin-left: -397px;
    top: 50%;
    margin-top:-297px;
    border: 2px solid #fff;
  }
  
  .inner-border {
    width: 730px;
    height: 530px;
    position: absolute;
    left: 50%;
    margin-left: -365px;
    top: 50%;
    margin-top:-265px;
    border: 2px solid #fff;
  }

  .pm-certificate-border {
    position: relative;
    width: 720px;
    height: 520px;
    padding: 0;
    border: 1px solid #E1E5F0;
    background-color: rgba(255, 255, 255, 1);
    background-image: none;
    left: 50%;
    margin-left: -360px;
    top: 50%;
    margin-top: -260px;

    .pm-certificate-block {
      width: 650px;
      height: 200px;
      position: relative;
      left: 50%;
      margin-left: -325px;
      top: 70px;
      margin-top: 0;
    }

    .pm-certificate-header {
      margin-bottom: 10px;
    }

    .pm-certificate-title {
      position: relative;
      top: 40px;

      h2 {
        font-size: 34px !important;
      }
    }

    .pm-certificate-body {
      padding: 20px;

      .pm-name-text {
        font-size: 20px;
      }
    }

    .pm-earned {
      margin: 15px 0 20px;
      .pm-earned-text {
        font-size: 20px;
      }
      .pm-credits-text {
        font-size: 15px;
      }
    }

    .pm-course-title {
      .pm-earned-text {
        font-size: 20px;
      }
      .pm-credits-text {
        font-size: 15px;
      }
    }

    .pm-certified {
      font-size: 12px;

      .underline {
        margin-bottom: 5px;
      }
    }

    .pm-certificate-footer {
      width: 650px;
      height: 100px;
      position: relative;
      left: 50%;
      margin-left: -325px;
      bottom: -105px;
    }
  }
}
/* base bar */
.ag-nav {margin:0 0 1rem; }

/* horizontal buttons */
.ag-menu            {display:flex; flex-wrap:wrap; list-style:none;
                      gap:.5rem; padding:0;}
.ag-menu > li       {position:relative;}
.ag-menu > li > a   {display:block; padding:.45rem .9rem;
                      background:#0b5fa6; color:#fff; font-weight:600;
                      border-radius:4px; text-decoration:none;
                      font-size:.88rem; line-height:1;}
.ag-menu > li > a:hover,
.ag-menu > li:focus-within > a {background:#094a80;}

/* drop‑downs */
.ag-menu li ul      {display:none; position:absolute; top:100%; left:0;
                      min-width:200px; list-style:none; padding:.4rem 0;
                      background:#fff; box-shadow:0 3px 12px rgba(0,0,0,.15);}
.ag-menu li:hover   > ul,
.ag-menu li:focus-within > ul {display:block;}
.ag-menu li ul li a {padding:.4rem .9rem; background:none; color:#222;
                      white-space:nowrap; display:block;}
.ag-menu li ul li a:hover {background:#f1f5f9;}

/* --- stick the bar to the top --- */
.ag-nav{
  position:-webkit-sticky;   /* Safari */
  position:sticky;
  top:0;                     /* starts sticking as soon as it hits viewport top */
  z-index:999;               /* keeps it above article text */
  background:#fff;           /* prevents content shining through */
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  padding:.25rem 0;          /* optional breathing‑room */
}
/* --- keep pointer inside the hover‑zone --- */
.ag-menu>li               {position:relative;}   /* anchor for absolute submenu */
.ag-menu li ul            {top:calc(100% - 2px);}/* overlap 2 px upwards   */
.ag-menu li ul            {margin:0;}            /* kill default <ul> gaps */
/* ── 1.  Make the sticky bar transparent ─────────────────────────────── */
.ag-nav{
  background:transparent;        /* lose the solid white */
  box-shadow:none;               /* optional – keep if you still want the shadow */
}

/* ── 2.  Keep the first‑level pills readable (blue stays) -------------- */
/* (no change needed – the blue buttons already have their own colour)   */


/* ── 3.  Drop‑down: same translucent panel but transparent by default – */
.ag-menu li ul{
  background:rgba(255,255,255,.90); /* tweak alpha as you wish, or set to transparent */
}

/* ── 4.  Always show nested levels & indent sub‑submenus --------------- */
.ag-menu li ul li ul{
  position:static;               /* no longer absolute – flows inside parent box   */
  display:block;                 /* always visible with the 1st‑level submenu      */
  margin-left:1rem;              /* simple indent for sub‑sub items                */
  box-shadow:none;               /* remove inner drop‑shadow                       */
  padding:0;                     /* kill extra padding                             */
}

/* Optional: finer typography for nested levels */
.ag-menu li ul li ul a{
  font-size:.85rem;
  line-height:1.25;
}
/* Hide every “section policy” block (e.g. Review, Case Report …)  */
.section_policy{
  display:none !important;   /* remove it and its blank space */
}

/* Quick Links container */
.quickLinksSidebar {
  background: #ffffff;
  border: 1px solid #e1e6ef;
  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 3px 8px rgba(0,0,0,0.05);
  transition: transform 0.2s ease;
}
.quickLinksSidebar:hover {
  transform: translateY(-2px);
}

/* Title */
.quickLinksSidebar .pkp_block_title {
  font-size: 1rem;
  font-weight: 700;
  color: #1f3a60;
  margin-bottom: 0.8rem;
  border-left: 4px solid #0073aa;
  padding-left: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Links */
.quickLinksSidebar .pkp_block_content {
  list-style: none;
  margin: 0;
  padding: 0;
}
.quickLinksSidebar .pkp_block_content li {
  margin: 0.5rem 0;
}
.quickLinksSidebar .pkp_block_content a {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  text-decoration: none;
  color: #2c3e50;
  font-size: 0.95rem;
  padding: 0.5rem 0.6rem;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.quickLinksSidebar .pkp_block_content a:hover {
  background: #eef5fb;
  color: #0073aa;
  padding-left: 0.8rem;
}

/* Icons */
.quickLinksSidebar .pkp_block_content i {
  color: #0073aa;
  font-size: 1rem;
  min-width: 18px;
  text-align: center;
}

/* === Biomolecules & Biomedicine — Issue Archive Refresh (2025) === */
/* Design tokens (tweak colours to match your brand) */
:root{
  --bbm-primary: #0b5fa6;
  --bbm-primary-600: #094a80;
  --bbm-surface: #ffffff;
  --bbm-border: #e6eef5;
  --bbm-muted: #5b6371;
  --bbm-radius: 12px;
  --bbm-shadow: 0 8px 24px rgba(2,21,38,.08);
}

/* 0) Remove legacy constraints that break responsiveness */
.issues_archive ul { display: initial !important; }        /* kills old rule from prior CSS */
.issues_archive > li { display: block !important; }         /* overrides inline -webkit-inline-box */
.issues_archive { margin: 0; padding: 0; list-style: none; }

/* 1) Toolbar */
.bbm-archive-toolbar{
  display:flex; align-items:center; justify-content:space-between;
  gap: .75rem; flex-wrap:wrap; margin: 1rem 0 1.25rem;
}
.bbm-view-switch{ display:flex; gap:.5rem; }
.bbm-pill{
  display:inline-block; padding:.5rem .9rem; border-radius:999px;
  background:#f1f5f9; color:#0b2239; text-decoration:none; font-weight:600;
  border:1px solid #e2e8f0; line-height:1;
}
.bbm-pill:hover{ background:#e9f2fb; border-color:#d7e6f8; }
.bbm-pill.is-active{ background:var(--bbm-primary); color:#fff; border-color:var(--bbm-primary); }
.bbm-archive-filter input[type="search"]{
  appearance:none; border:1px solid #dbe5ef; border-radius:8px; padding:.5rem .75rem; min-width:220px;
}
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

/* 2) Card Grid (Option A)*/
.bbm-issue-grid{
  display:grid; gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(260px,1fr));
}
.bbm-issue-card{
  background:var(--bbm-surface); border:1px solid var(--bbm-border); border-radius:var(--bbm-radius);
  box-shadow:var(--bbm-shadow); overflow:hidden; transition:transform .18s ease, box-shadow .18s ease;
}
.bbm-issue-card:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(2,21,38,.12); }

/* style the inner default OJS issue summary unobtrusively */
.bbm-issue-card .obj_issue_summary,
.bbm-issue-row .obj_issue_summary{ padding: .9rem; }
.bbm-issue-card .obj_issue_summary .cover img{ width:100%; height: 160px; object-fit:cover; display:block; border-bottom:1px solid var(--bbm-border); }

/* Buttons inside summary (uses default links if present) */
.bbm-issue-card .obj_issue_summary a, .bbm-issue-row .obj_issue_summary a{
  text-decoration:none;
}
.bbm-issue-card .obj_issue_summary .read_more a,
.bbm-issue-row .obj_issue_summary .read_more a{
  display:inline-block; margin-top:.5rem; padding:.45rem .75rem; border-radius:8px;
  background:var(--bbm-primary); color:#fff; font-weight:600;
}
.bbm-issue-card .obj_issue_summary .read_more a:hover,
.bbm-issue-row .obj_issue_summary .read_more a:hover{ background:var(--bbm-primary-600); }

/* 3) Compact List (Option B) */
.bbm-issue-list{ display:block; }
.bbm-issue-list > .bbm-issue-row{
  display:flex; align-items:center; gap:1rem; padding: .75rem 0;
  border-top: 1px solid var(--bbm-border);
}
.bbm-issue-list > .bbm-issue-row:first-child{ border-top: 0; }
.bbm-issue-row .obj_issue_summary{ display:flex; gap:1rem; align-items:center; padding:.25rem 0; }
.bbm-issue-row .obj_issue_summary .cover img{ width:64px; height:64px; object-fit:cover; border-radius:8px; }

/* 4) Grouped by Year (Option C) */
.bbm-year{ border:1px solid var(--bbm-border); border-radius:12px; margin: 0 0 1rem 0; background:#fff; }
.bbm-year > summary{
  list-style:none; cursor:pointer; padding:.75rem 1rem; user-select:none;
  display:flex; align-items:center; gap:.5rem; font-weight:700;
  border-bottom:1px solid var(--bbm-border);
}
.bbm-year[open] > summary{ background:#f6f9fe; }
.bbm-year-badge{
  display:inline-block; padding:.25rem .6rem; border-radius:999px;
  background:#e9f2fb; color:#0b2239; border:1px solid #d7e6f8; font-size:.9rem;
}
.bbm-year .bbm-issue-grid{ padding: 1rem; }

/* 5) Small niceties */
@media (prefers-color-scheme: dark){
  :root{
    --bbm-surface:#0f1720; --bbm-border:#1f2937; --bbm-muted:#aab3c0;
    --bbm-shadow: 0 8px 24px rgba(0,0,0,.35);
  }
  .bbm-year, .bbm-issue-card{ background:#111827; }
  .bbm-archive-filter input[type="search"]{ background:#0b1320; color:#e5edf7; border-color:#1f2a3a; }
  .bbm-pill{ background:#152232; color:#dce7f6; border-color:#1f2a3a; }
}

#ojt-plus-pro-custom-html iframe {
    padding: 0 30px;
}

#ojt-plus-pro-custom-html > p {
    margin: 0;
}