@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Root color variables  -------------------------  */
:root {
   --lo-purple: #55437e;
   --lo-purple-light: rgba(85, 67, 126, 0.5);
   --lo-green: #606b21;
   --lo-black: #231f20;
   --lo-gold: #d5a619;
   --lo-wheat: #fafaf6;
   --lo-white: #ffffff;
   --slategray: slategray;
   --alert-info: #e2e3e5;
}

/* Bootstrap 5-style base typography for a Bootstrap 3 template */
html,
body {
   background-color: var(--lo-wheat);
   font-family: 'Montserrat', 'Avenir Next', Avenir, Helvetica, Arial, sans-serif;
   font-size: 1rem;
   /* 16px by default */
   font-weight: 400;
   line-height: 1.5;
}

/* Make common Bootstrap 3 controls follow the new base */
.btn,
.form-control,
.dropdown-menu,
.input-group-addon,
.popover,
.tooltip {
   font-family: inherit;
   font-size: 1rem;
   line-height: 1.5;
}

/* Global typography ----------------------------- */
body,
p,
li,
ul,
ol,
dl,
dt,
dd,
blockquote,
figcaption,
table,
th,
td,
input,
textarea,
select,
button {
   font-family: Avenir, 'Avenir Next', 'Montserrat', Helvetica, Arial, sans-serif;
   font-weight: 400;
   color: var(--lo-black) !important;
   text-shadow: none;
}

p {
   line-height: 1.5;
   margin-bottom: 2rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.pkp_site_name,
.page_title,
.obj_article_details .page_title,
.obj_issue_toc .heading {
   font-family: 'Montserrat', 'Avenir Next', Avenir, Helvetica, Arial, sans-serif;
   font-weight: 600;
   text-shadow: none;
}

strong,
b {
   font-weight: 600;
}

em,
i,
cite {
   font-style: italic;
}

/* Navigation ------------------------------------- */
.navbar,
.header_view {
   background-color: var(--lo-green);
   background-image: none !important;
}

.navbar .navbar-nav>li>a:hover,
.header_view .navbar-nav>li>a:hover {
   background-image: none;
   background-color: var(--lo-purple);
}

/* Dropdown submenu */
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
   background: var(--lo-purple-light);
}

/* Set padding on nav container */
#headerNavigationContainer {
   padding-top: 15px;
   padding-right: 25px;
}

#navigationUser>li {
   background: white !important;
   color: var(--lo-green) !important;
   margin-right: 50px;
}

/* Setting header at small sizes */
@media (min-width: 768px) {

   .navbar,
   .header_view {
      border-radius: 0;
      background-color: var(--lo-green);
      border: none;
   }
}

button,
.btn,
.nav,
.navbar,
.navbar-nav,
.pkp_navigation_primary,
.pkp_navigation_user,
.cmp_button,
.cmp_form .buttons button {
   font-family: 'Montserrat', 'Avenir Next', Avenir, Helvetica, Arial, sans-serif;
}

/* Search input ---------------------- */
.navbar-form .form-control {
   height: 40px;
}

button[type='submit'] {
   background: white;
   color: var(--lo-green) !important;
   text-shadow: none;
   font-weight: 600 !important;
   font-size: 1rem !important;
}

.pkp_structure_main a {
   color: var(--lo-green) !important;
   font-weight: 600;
}
.pkp_structure_main a.btn {
   background: var(--lo-green) !important;
   background-color: var(--lo-green) !important;
   color: var(--lo-white) !important;
   text-shadow: none !important;
   font-weight: 500;
   padding: .5rem;
}

/* Logo image in nav bar */
.site-name {
   margin-left: 2rem;
}

/* Open dropdown */

.navbar-default .navbar-nav>.open>a,
.navbar-default .nav>li>a:focus {
   background-color: white;
   color: var(--lo-purple);
}

.navbar-nav>li>.dropdown-menu {
   background-color: var(--lo-purple) !important;
   color: white;
}

/* Background to green */

.footer {
   background: var(--lo-green) !important;
}

/* Set main top nav font to white */

#main-navigation li,
#main-navigation li a {
   color: white !important;
   text-shadow: none !important;
}

/* top right button */
#navigationUser, #navigationUser li {
   background-color: transparent !important;
}

/* Side navigation ------------------------------------ */
.pkp_block {
   margin-bottom: 20px;
   background-color: transparent;
   border: none;
   /* border-radius: 4px; */
   -webkit-box-shadow: none;
   box-shadow: none;
}

.pkp_block .content {
   padding: 15px;
   background: transparent !important;
}

.pkp_block .title {
   padding: 10px 15px;
   border-bottom: 1px solid transparent;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   background: transparent;
   color: var(--lo-black);
}


/* Make a submission button ------------------------ */
/* Make Submission block container transparent */
.pkp_block.block_make_submission {
   background: transparent;
   border: none;
   box-shadow: none;
}

/* Optional: keep the inner content transparent too */
.pkp_block.block_make_submission .content {
   background: transparent;
}

/* Style the Make a Submission link as a button */
.pkp_block.block_make_submission .block_make_submission_link {
   display: inline-block;
   font-family: 'Montserrat', 'Avenir Next', Avenir, Helvetica, Arial, sans-serif;
   background: var(--lo-green) !important;
   color: #fff;
   padding: 0.75rem 1.25rem;
   border-radius: 4px;
   text-decoration: none;
   font-weight: 400;
   line-height: 1.4;
}

/* Maintain white text on hover/focus */
.pkp_block.block_make_submission .block_make_submission_link:hover,
.pkp_block.block_make_submission .block_make_submission_link:focus {
   background-color: var(--lo-green);
   color: #fff;
   text-decoration: none;
}

/* Accordion sets ---------------------------------- */
#lex-orandi-accordion {
   margin-top: -1rem;
   margin-bottom: 3rem;
}
#lex-orandi-accordion .panel {
   background-color: #fff;
   border: none;
   box-shadow: none;
}

#lex-orandi-accordion .panel-default>.panel-heading {
   background-color: #fff;
   border: none;
}

#lex-orandi-accordion .panel-title>a {
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: var(--lo-green);
   text-decoration: none;
   outline: none;
   box-shadow: none;
}

#lex-orandi-accordion .panel-title>a:hover,
#lex-orandi-accordion .panel-title>a:focus,
#lex-orandi-accordion .panel-title>a:active,
#lex-orandi-accordion .panel-title>a:visited {
   color: var(--lo-green);
   text-decoration: none;
   outline: none;
   box-shadow: none;
}

/* Chevron */
#lex-orandi-accordion .panel-title>a::after {
   content: "";
   width: 0.55em;
   height: 0.55em;
   border-right: 2px solid var(--lo-green);
   border-bottom: 2px solid var(--lo-green);
   transform: rotate(-135deg);
   transition: transform 0.2s ease;
   margin-left: 1rem;
   flex-shrink: 0;
}

/* Closed state: chevron points down */
#lex-orandi-accordion .panel-title>a.collapsed::after {
   transform: rotate(45deg);
}

/* Open state: chevron points up */
#lex-orandi-accordion .panel-title>a:not(.collapsed)::after {
   transform: rotate(-135deg);
}

#lex-orandi-accordion .panel-body {
   background-color: #fff;
   color: #000;
   border-top: none;
}

#lex-orandi-accordion .panel-body p,
#lex-orandi-accordion .panel-body span,
#lex-orandi-accordion .panel-body em,
#lex-orandi-accordion .panel-body strong {
   color: #000;
}

#lex-orandi-accordion .panel-default>.panel-collapse>.panel-body {
   border-top: none;
}

/* Breadcrumbs ---------------------------------------------------- */
/* Breadcrumb background */
.cmp_breadcrumbs>ol {
   background: var(--lo-white) !important;
   border: none !important;
   margin-top: 1.25rem;
}

.cmp_breadcrumbs >ol>li>a {
   color: var(--lo-green) !important;
   font-weight: 600;
}

.cmp_breadcrumbs .breadcrumb li:last-child {
   color: var(--slategray) !important;
}


/* Bootstrap 3 Glyphicon version */
.cmp_breadcrumbs .breadcrumb li:first-child a::before {
   content: "\e021";
   /* glyphicon-home */
   font-family: "Glyphicons Halflings";
   display: inline-block;
   margin-right: 0.4em;
   font-size: 0.9em;
   line-height: .9;
   position: relative;
   top: 1px;
}

/* Search box input in navigation ---------------------- */
/* Search form container */
.navbar-form[role="search"] {
   margin-top: 1rem;
}

/* Search input */
.navbar-form[role="search"] .form-control {
   border-radius: 0 !important;
   box-shadow: none !important;
   padding-top: 15px;
   padding-bottom: 15px;
   border: 1px solid white;
   border-radius: 0 !important;
}

/* Search button */
.navbar-form[role="search"] .btn.btn-default,
.navbar-form[role="search"] .btn.btn-default:hover {
   background: var(--lo-white);
   box-shadow: none !important;
   color: var(--lo-green);
   font-weight: 600;
   text-decoration: none;
   border-radius: 0 !important;
}

/* Search button hover/focus/active states */
.navbar-form[role="search"] .btn.btn-default:focus,
.navbar-form[role="search"] .btn.btn-default:hover,
.navbar-form[role="search"] .btn.btn-default:active {
   background-color: var(--lo-green);
   border-color: var(--lo-white);
   color: #fff;
   text-decoration: none;
   box-shadow: none;
}

/* Navigation for the top left nav, the lines between the links */
.navbar .navbar-nav>li>a {
   border-right: 1.5px dotted white;
}

.navbar .navbar-nav>li>a:last-of-type {
   border-right: none;
}

/* Containers for the language box ---------------- */
/* Language block: transparent background, green links */
.pkp_block.block_language,
.pkp_block.block_information {
   background: var(--lo-white);
}

/* Inner content transparent as well, in case the theme styles it separately */
.pkp_block.block_language .content,
.pkp_block.block_information .content {
   background: var(--lo-white);}

/* Language links */
.pkp_block.block_language a,
.pkp_block.block_information a {
   color: var(--lo-green);
}

/* Preserve green link color on interaction */
.pkp_block.block_language a:hover,
.pkp_block.block_language a:focus,
.pkp_block.block_language a:active,
.pkp_block.block_information a:hover,
.pkp_block.block_information a:focus,
.pkp_block.block_information a:active {
   color: var(--lo-green);
}

.pkp_block ul li {
   background: transparent;
   border: none;
   border-bottom: 1px solid silver !important;
}

.pkp_block ul li:last-of-type {
border-bottom: none !important;
}

.pkp_block ul li:first-of-type {
border-top: none !important;
}

/* Search button: white background, green text, no gradient ------------ */
.navbar-form[role="search"] .btn.btn-default {
   background: #fff !important;
   background-image: none !important;
   color: var(--lo-green);
   border-color: none;
   text-shadow: none;
   box-shadow: none;
}

/* Keep same styling on hover, focus, and active states */
.navbar-form[role="search"] .btn.btn-default:hover,
.navbar-form[role="search"] .btn.btn-default:focus,
.navbar-form[role="search"] .btn.btn-default:active,
.navbar-form[role="search"] .btn.btn-default:active:focus {
   background: #fff;
   background-image: none;
   color: var(--lo-green);
   border-color: var(--lo-green);
   text-shadow: none;
   box-shadow: none;
}

/* Change the button for the user dropdown ----------------------- */
/* Parent should not create a second visible shape */
#navigationUser.nav-pills>li {
   background: transparent !important;
   border: none !important;
   border-radius: 0 !important;
   overflow: visible !important;
}

/* User dropdown button: single slightly-rounded white button */
#navigationUser.nav-pills>li>a.dropdown-toggle,
#navigationUser.nav-pills>li.open>a.dropdown-toggle,
#navigationUser.nav-pills>li.open>a.dropdown-toggle:hover,
#navigationUser.nav-pills>li.open>a.dropdown-toggle:focus,
#navigationUser.nav-pills>li>a.dropdown-toggle:hover,
#navigationUser.nav-pills>li>a.dropdown-toggle:focus {
   background: #fff !important;
   background-image: none !important;
   color: var(--lo-green) !important;
   box-shadow: none !important;
   text-shadow: none !important;
   font-weight: 600;
   border: none !important;
   border-radius: 0 !important;
}

/* Keep Bootstrap from changing the open-state corners */
#navigationUser.nav-pills>li.open>a.dropdown-toggle {
   border-radius: 0 !important;
}

/* Dropdown menu: slightly rounded */
#navigationUser.nav-pills .dropdown-menu {
   background: var(--lo-green) !important;
   border: 4px solid #fff !important;
   border-radius: 0 !important;
   margin-top: 0px;
   box-shadow: none !important;
   z-index: 9999;
}

#navigationUser>li {
   border: 1px solid white;
   border-radius: 0;
}

/* User dropdown items: white hover background with LO green links */
#navigationUser.nav-pills .dropdown-menu>li:hover,
#navigationUser.nav-pills .dropdown-menu>li:focus,
#navigationUser.nav-pills .dropdown-menu>li:hover>a,
#navigationUser.nav-pills .dropdown-menu>li:focus>a,
#navigationUser.nav-pills .dropdown-menu>li>a:hover,
#navigationUser.nav-pills .dropdown-menu>li>a:focus {
   background: #fff !important;
   background-color: #fff !important;
   background-image: none !important;
   color: var(--lo-green) !important;
   text-shadow: none !important;
   box-shadow: none !important;
}

/* Keep dropdown links white-on-green by default */
#navigationUser.nav-pills .dropdown-menu>li>a {
   background: var(--lo-green) !important;
   background-color: var(--lo-green) !important;
   background-image: none !important;
   color: #fff !important;
   text-shadow: none !important;
}

/* Optional: current/active dropdown item, if Bootstrap applies it */
#navigationUser.nav-pills .dropdown-menu>.active>a,
#navigationUser.nav-pills .dropdown-menu>.active>a:hover,
#navigationUser.nav-pills .dropdown-menu>.active>a:focus {
   background: #fff !important;
   background-color: #fff !important;
   background-image: none !important;
   color: var(--lo-green) !important;
}

/* Main navigation styles ------------------------------ */
#main-navigation,
#main-navigation>li>a,
#main-navigation .dropdown-menu,
#main-navigation .dropdown-menu>li>a {
   background: var(--lo-green) !important;
   color: #fff !important;
}

#main-navigation>li:hover,
#main-navigation>li.open,
#main-navigation>li:hover>a,
#main-navigation>li.open>a,
#main-navigation>li>a:hover,
#main-navigation>li>a:focus,
#main-navigation .dropdown-menu>li:hover,
#main-navigation .dropdown-menu>li:hover>a,
#main-navigation .dropdown-menu>li>a:hover,
#main-navigation .dropdown-menu>li>a:focus {
   background: #fff !important;
   color: var(--lo-green) !important;
}

#main-navigation .dropdown-menu {
   border: 4px solid white;
   }


/* User nav pills: Register and Login --------------------- */
#navigationUser.nav-pills>li,
#navigationUser.nav-pills>li>a {
   background: #fff !important;
   background-color: #fff !important;
   background-image: none !important;
   color: var(--lo-green) !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   text-shadow: none !important;
}

/* Keep same appearance on hover, focus, active, visited, and open states */
#navigationUser.nav-pills>li:hover,
#navigationUser.nav-pills>li:focus,
#navigationUser.nav-pills>li:active,
#navigationUser.nav-pills>li.open,
#navigationUser.nav-pills>li.active,
#navigationUser.nav-pills>li>a:hover,
#navigationUser.nav-pills>li>a:focus,
#navigationUser.nav-pills>li>a:active,
#navigationUser.nav-pills>li>a:visited,
#navigationUser.nav-pills>li.open>a,
#navigationUser.nav-pills>li.active>a,
#navigationUser.nav-pills>li.active>a:hover,
#navigationUser.nav-pills>li.active>a:focus {
   background: #fff !important;
   background-color: #fff !important;
   background-image: none !important;
   color: var(--lo-green) !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   text-shadow: none !important;
}

/* Optional: make the two buttons touch cleanly */
#navigationUser.nav-pills>li>a {
   margin: 0 !important;
   border: none !important;
}

.menu-item-8 {
   margin-right: 1rem;
}

/* Login and Register Buttons ------------------- */
/* Register/Login buttons */
.buttons .btn,
.buttons .btn.btn-primary,
.buttons .btn.btn-default,
.buttons .btn.submit {
   background: var(--lo-green) !important;
   background-color: var(--lo-green) !important;
   background-image: none !important;
   color: var(--lo-white) !important;
   border-radius: 0 !important;
   border: none !important;
   box-shadow: none !important;
   text-shadow: none !important;
}

/* Keep same style on all interaction states */
.buttons .btn:hover,
.buttons .btn:focus,
.buttons .btn:active,
.buttons .btn:visited,
.buttons .btn.btn-primary:hover,
.buttons .btn.btn-primary:focus,
.buttons .btn.btn-primary:active,
.buttons .btn.btn-default:hover,
.buttons .btn.btn-default:focus,
.buttons .btn.btn-default:active,
.buttons .btn.submit:hover,
.buttons .btn.submit:focus,
.buttons .btn.submit:active {
   background: var(--lo-green) !important;
   background-color: var(--lo-green) !important;
   background-image: none !important;
   color: var(--lo-white) !important;
   border-radius: 0 !important;
   border: none !important;
   box-shadow: none !important;
   text-shadow: none !important;
   outline: none !important;
}

/* Submission preparation checklist overrides */
@media (min-width: 768px) {
   .lead {
      font-size: inherit;
   }

.submission_checklist ul.list-group .list-group-item {
   background-color: none !important;
   background: none !important;
}

/* Alerts */
.alert-info {
   color: inherit;
   background-color: var(--alert-info);
   background: var(--alert-info);
   border: 1px solid silver;
}

.footer .container p {
    color: var(--lo-white) !important;
}