/* ========================================================================

   JPKM Stylesheet
   Version 1.2 - Improved
   (c) 2018 Joaquim Baeta
       2019 Serena Pynta

   This program is free software: you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
   the Free Software Foundation, either version 3 of the License, or
   (at your option) any later version.

   ------------------------------------------------------------------------

   Table of Contents
   1. Typography
   2. Main
   3. Header
   4. Navbar
   5. Sidebar
   6. Breadcrumbs

   ======================================================================== */

/* 1. Typography */

@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

a {
  color: #8E8E61;
  transition: color 0.25s ease-in-out;
}

a:hover, a:focus {
  color: #333;
  text-decoration: none;
  outline: none;
}

/* 2. Main */

#container {
  background: #fff;
}

/* 3. Header */

#header {
  background-color: #B9B995;
}

#headerTitle {
  background: #B9B995;
}

#header h1 {
  color: #333;
  text-shadow: none;
  padding: 0;
  line-height: 3;
  margin-top: 0;
  text-align: center;
  font-weight: 700;
  font-family: 'Berkshire Swash', cursive;
}

@media (max-width: 480px) {
  #header h1 {
    line-height: 1.33;
  }
}

#header h3 {
  text-align: center;
  margin: 0 0 5rem 0;
  color: #333;
  font-weight: 300;
}

/* 4. Navbar */

#navbar {
  background-color: #B9B995;
  color: #333;
  text-align: center;
}

#navbar a {
  color: #333;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

#navbar a:hover, #navbar a:focus {
  background: #333;
  color: #fff;
  text-shadow: none;
  border-radius: 5px;
}

/* 5. Sidebar */

#rightSidebar {
  border-left: 1px solid #B9B995;
}

#leftSidebar, #rightSidebar {
  margin-top: 86px;
}

#leftSidebar div.block span.blockTitle, #rightSidebar div.block span.blockTitle {
  padding: 0.7rem 0;
  background: transparent;
  color: #333;
  border-bottom: 1px solid #B9B995;
}

ul.sidemenu li a {
  padding: 0.7em 12px;
  background-color: transparent;
  text-decoration: none;
  color: #8E8E61;
}

ul.sidemenu li a:hover, ul.sidemenu li a:focus {
  color: #333;
}

ul.sidemenu li:first-child a {
  border-top: none;
}

.block li::before {
  border-color: transparent #8E8E61;
}

/* 6. Breadcrumbs */

#breadcrumb {
  border-bottom: 1px solid #B9B995;
}

/* Changelog
 Version 1.2
 - Improved readability and consistency
 - Added :focus states for accessibility
 - Optimized transitions and spacing
 - Removed redundant styles */