/*
CSS file for Local Archive Catalogue System
Ver 7.11.12 - Jan 2024
*/
  :root {
    --headerFont: #f2c524 ;
    --grey: #858585 ;
    --lightGrey: #e6e6e6 ;
    --backgroundColour: #e6e6e6 ;/* #e6ffe6 */
    --brightGreen: #009933 ;
    --darkGreen: #003300 ;
  }

  @media (max-width:700px){
    .homepageHeader-sm { display:inline; }
    .homepageHeader-lg { display:none; }
    .header-hide { display:none; }
   }
  @media (min-width:701px){
    .homepageHeader-sm { display:none; }
    .homepageHeader-lg { display:inline; }
    .header-hide { display:inline; }
      }

  body, html {
    font-family: Montserrat, Arial, sans-serif;
    font: 1.0em sans-serif;
    height: 100%;
    background-color: var(--backgroundColour) ;
    }
  
	strong{
    color: #003300;   /*003300*/
    font-family: Montserrat, sans-serif;
    font: 1.1em sans-serif; 
  }

  h9{ font: 1.2em sans-serif; color: #003300;}

  .h3a{ font: 1.6em sans-serif; color: #003300;}

  .cookienotice {
    font-family: Montserrat, sans-serif;
    font-size: 0.9em;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--brightGreen);
    color: white;
    text-align: center;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  #myBtn { /* defines 'Scroll to Top' button */
    display: none;
    position: fixed;
    bottom: 20px;
    right: 5px;
    z-index: 99;
    font-size: 1.0em;
    border: none;
    outline: none;
    color:#000;
    background-color:#669900;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
  }

  #myBtn:hover {
    color:#000;
    background-color:#ccc;
    border-color:#adadad
  }

  .bg-img {
    background-image: linear-gradient( var(--grey), var(--lightGrey) );
    height: 200%;
  }

  .homepageImg {
    width: 100%;
    object-fit: cover;
    border-radius: 25px;
  }

  .greyTextBox {
    border-radius: 10px;
    font-family: Montserrat, sans-serif;
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color:   var(--headerFont);
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  .homepageButtonBox {
    width: 100%; 
    text-align: center;
  }

  .homepageAboutBox {
    width: 100%;
    max-height: 60%;
    overflow: auto;
    text-align: left;
  }

  .loginLoginBox {
    width: 100%;
    text-align: left;
  }

  .loginLoginBox a{
    color: var(--lightGrey)
  }

  .loginAboutBox {
    width: 100%;
    max-height: 60%;
    overflow: auto;
    text-align: left;
  }

  .loginAboutBox a{
    color: var(--lightGrey)
  }

  .homepage {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; 
    background-size: contain;
    background-color: var(--grey));
  }
  
  .homepageHeader-lg {
    font-family: "Times New Roman", serif;
    font-size:1.8em;
    height: 65px;
    text-align: left;
    color:  var(--headerFont); 
    padding: 10px;
  }

  .homepageHeader-lg a{
    color:  var(--headerFont); 
  }
  .homepageHeader-lg img{
    height: 65px;
    margin:5px;
  }
  
  .homepageHeader-sm {
    font-family: "Times New Roman", serif;
    font-size:1.0em;
    height: 40px;
    float: left;
    color:  var(--headerFont); 
    padding: 10px;
  }

  .homepageHeader-text {
    font-family: Montserrat, sans-serif;
    font-size:0.6em;
    float: right;
    color:  var(--headerFont); 
    margin-top: 20px;
    margin-bottom: 15px;
  }
/*
 .loginBox {
    border-radius: 10px;
    position: fixed;
    top: 20%; 
    left: 65%;
    text-align: center;
    font-family: Montserrat, sans-serif;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.4); 
    color: var(--headerFont);  
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
*/
  .recentBox {
    width: 100%;
    overflow: auto;
    text-align: left;
  }

  .recentBox a{ color:#d7e6f4 ; text-decoration:none } /* (was - #afcee9) */
  .recentBox a:hover{ color: #609dd2; text-decoration:underline }
  
  .aboutbox {
    border-radius: 10px;
    position: absolute;
    top: 5%;
    left: 5%;
    max-width: 35%;
    /* transform: translate(-50%, -50%); */
    font-family: Montserrat, sans-serif;
    text-align: center;
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.4); /* Black background with 0.5 opacity */
    color: white; 
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }

  .footer {
    font: 0.8em Montserrat, sans-serif;
    position: fixed;
    left: 0;
    bottom: 0;
    width:100%;
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: var(--headerFont); /*white (AM)*/
    text-align: center;
  }

  .footer a{ color: #afcee9; text-decoration:none }
  .footer a:hover{ color: #609dd2; text-decoration:underline }
  
  .pageHeader img{ height: 25px; object-fit: contain; }

  .panel-body-tight{padding:5px}

  .container {
    padding: 80px 80px;
  }

  .navbar {
    font-family: Monserrat, sans-serif;
    margin-bottom: 0;
    border: 0;
    font-size: 1.0em ;
    letter-spacing: 1px;
    color: #fff;
  }
  .navbar-inverse {
    background-color:#000;
    color: var(--headerFont);
    !border-color:#bbb;
  }
  .navbar-inverse .navbar-nav>li>a {
    color: var(--headerFont);
  }
  .navbar-inverse .navbar-nav>li>a:focus,
  .navbar-inverse .navbar-nav>li>a:hover {
    color: var(--headerFont);
    background-color: #666;
  }
  .navbar-text {
    color: var(--headerFont);
  }
  .navbar-left {
    font-size: 1.3em ;
    font-family: "Times New Roman", serif;
    letter-spacing: 1px;
    padding-top:5px;
    padding-bottom:5px
  }
  .navbar-left li a {
    padding-top:5px;
    padding-bottom:5px;
  }

  .dropdown-menu li a {
    color: #666;
  }
  .dropdown-menu li a:hover {
    background-color: #eee;
    color: #666;
  }

.btn-default
{color:#111;background-color:#ccc;border-color:#aaa}

.btn-default.focus,.btn-default:focus
{color:#333;background-color:#aaa;border-color:#888}

.btn-default:hover
{color:#333;background-color:#aaa;border-color:#888}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default
{color:#333;background-color:#aaa;background-image:none;border-color:#adadad}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,
.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover
{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,
.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover
{background-color:#fff;border-color:#ccc}

.btn-default .badge
{color:#fff;background-color:#333}

.btn-action
{color:#fff;background-color:#5cb85c;border-color:#4cae4c}

.btn-action.focus,.btn-action:focus
{color:#fff;background-color:#449d44;border-color:#255625}

.btn-action:hover
{color:#fff;background-color:#449d44;border-color:#398439}

.btn-action.active,.btn-action:active,.open>.dropdown-toggle.btn-action
{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}

.btn-action.active.focus,.btn-action.active:focus,.btn-action.active:hover,.btn-action:active.focus,
.btn-action:active:focus,.btn-action:active:hover,.open>.dropdown-toggle.btn-action.focus,
.open>.dropdown-toggle.btn-action:focus,.open>.dropdown-toggle.btn-action:hover
{color:#fff;background-color:#398439;border-color:#255625}

.btn-action.disabled.focus,.btn-action.disabled:focus,.btn-action.disabled:hover,
.btn-action[disabled].focus,.btn-action[disabled]:focus,.btn-action[disabled]:hover,fieldset[disabled] 
.btn-action.focus,fieldset[disabled] .btn-action:focus,fieldset[disabled] .btn-action:hover
{background-color:#5cb85c;border-color:#4cae4c}

.btn-action .badge
{color:#5cb85c;background-color:#fff}