/* Import external resources */
@charset "UTF-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;");
@import url("https://fonts.googleapis.com/css2?family=boxicons:ital,wght@0,300..800;");
@import url("https://cdn.boxicons.com/fonts/basic/boxicons.min.css");


/* Root variables for consistent color scheme */
 
:root {

 /* C O L O R E S  */
  --bg-white: #fff;
  --bg-black: #000;


  --bg-primary: #09177C;
  --bg-yellow: #ffcd00;
  --bg-yellow-lighter: #fcdf51;

  --bg-blue: #0b18b7;
  --bg-gray: #d9d8d6;
  

  --bg-primary-lighter:var(--bg-blue); 
  --bg-lighter:var(--bg-yellow); 
  --bg-orange: #FF6600;

  --header-background-color: var(--bg-white); 
  --body-background-color: var(--bg-white);
  


  --main-color: var(--bg-primary);
  --basic-color: var(--bg-primary);
  --complementory-color: var(--bg-primary);

  --link-color: var(--bg-primary);
  --link-hover-color: var(--bg-yellow);
  --light-text-color: #fff;
  --dark-text-color: #09177C;

  --nav-background: var(--body-background-color);
  --nav-color: var(--bg-primary);
  --nav-hover: var(--bg-yellow);

  --sidebar-background-color: var(--bg-gray); 
  --sidebar-title-color: #fff;
  --sidebar-item-color: var(--complementory-color);
  --sidebar-link-color: var(--main-color);
  --sidebar-hover-color: var(--link-hover-color);

  --tab-header-color: var(--main-color);
  --tab-background-color: #d9d8d6;
  --tab-text-color: var(--dark-text-color);
  --tab-hover-color: var(--sidebar-hover-color);

  --border-color: var(--main-color);
  --border-color2: #d9d8d6;

  --toc-heading-background: var(--body-background-color);
  --login-page-background-color: var(--body-background-color);
  --fontawesome-color: var(--basic-color);

  --muted-color: #6c757d;

  --section-tag1: #fff;
  --section-tag2: #d9d8d6;
  --section-tag3: #fff;
  
  --nav-font: 'Poppins';

}
/*
.breadcrumb {
    background-color: transparent; !important; 
}

.btn-primary.focus, .btn-primary:focus {
    color:  var(--bg-primary);
    background-color: #fff;
    border:1px solid #09177c;
}
.btn.focus, .btn:focus, .btn:hover {
    color:var(--bg-primary);
    background-color: var(--bg-yellow);
    border:1px solid #ffcd00;
    text-decoration: none;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: var(--bg-primary);
    color: var(--bg-primary)
}*/
/**********************************/
/*          B U T T O N S         */
/**********************************/
.btn.focus, .btn:focus, .btn:hover {
    text-decoration: none;
    color:#ffcd00;
}
.two-bottom {
    font-family: 'poppins';
    display: inline-block;
    padding: 5px 1.5em;
    font-size: .93rem;
    line-height: calc(2.143rem - 2px);
    text-decoration: none;
    position: relative;
    top: 10px;
    left: 0px;
    text-align: center;
    width: 220;
    margin-bottom: 5px;
}
.btn-yellow{
    font-family: 'Poppins';
    background:#ffcd00;
    color: #09177C;
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    border: 1px solid #ffcd00;
    border-radius: 25rem;
    text-decoration: none;
    font-size: 13px;
    line-height: 28px;
}

.pkp_block
{
   box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
.btn-yellow:hover {
    color: #ffcd00;
    background-color: #09177C;
    border-color:#09177C;
}
.pkp_structure_main p {
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
 }
.pkp_structure_main p.published:before {
    content: '\f073';
    font-family: 'FontAwesome';
    padding-right: 8px;
    color: #ffcd00;
}

.obj_issue_toc .published:before {
  content: '\f073';
  font-family: 'FontAwesome';
  padding-right: 8px;
  color: #ffcd00;
}
.page {
    margin-top:1%;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    /* border-bottom: 1px solid #eee; */
}
/*.header-bottom nav.main-menu ul.nav.navbar-nav > li a:hover, .header-bottom nav.main-menu ul.nav.navbar-nav > li a:focus{
    color: #09177C;

    background: transparent;

    border-bottom: 1px solid #09177C;
}
.header-bottom nav.main-menu ul.nav.navbar-nav > li a.active {    
	color: #09177C;
    background: #ffcd00;

    border-radius: 25px;
    border-bottom: 1px solid #ffcd00;
}*/

@media (min-width: 780px) {
    .obj_galley_link, .btn-primary, .btn-yellow {
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .two-bottom {
        width: 180px;
    }
    .pkp_doi {font-size: 12px;  margin-top: 15%;    margin-left: 0%; line-height:10px; }

}