/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */

@import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap');

/*@charset "UTF-8";
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

/* 
----------- SITE HEADER -----------
*/ 
.container-header {
     background-color: #000000;
     background-position: 2% 10%;
     background-image: URL('images/bg/black_background.jpg');
     background-repeat: repeat;
}

/* Brand positioning */
.navbar-brand {
  position: absolute;
  min-height: 90px;
  top: 2px;
}

/* 
----------- BANNER ----------- 
*/
.container-banner {
  display: flex;
  justify-content: right;
}

.sitebanners {
  float: right;
  position: absolute;
  top: 5px;
  margin-right: 2px;
  margin-left: auto;
  table-layout: fixed;
  border-collapse: collapse;
  z-index: 100;
}

/* FONTS */
h1 {
  font-size: 1.875em; /* 30px/16=1.875em */
}

h2 {
  font-size: 1em; /* 16px/16=1em */
}

p {
  font-size: 0.875em; /* 14px/16=0.875em */
}

/* 
----------- ARTICLES -----------
*/

/* Change the size, color and font for article headings */
.item-content page-header h2 {
  font-size: .8em;
  color: #000000;
}
a:link {
  color: #000000;
  text-decoration: none;
}
/* mouse over link */
a:hover {
  color: #8b0000;
  text-decoration: underline;
}
/* selected link */
a:active {
  color: #000000;
  text-decoration: none;
}
/* visited link */
a:visited {
  color: #8b0000;
  text-decoration: none;
}

/* Change the size, color and font for article INFO section (author, published date, etc.) */
dl.article-info {
  margin-bottom: 6px;
  padding-bottom: 3px;
  display: inline-flex;
  width:100%; 
  text-decoration: none;
   font-size: -1em;
} 
dl.article-info dd {
  margin-right: 10px;
}

/* add bullets between article info  elements */
dl.article-info dd.createdby {
    display: list-item; /* This has to be "list-item"                                          */
    margin-left : 1em;  /* If you use default list-style-position 'outside', you may need this */
  text-decoration: none;
}
dl.article-info dd.category-name {
    display: list-item; /* This has to be "list-item"                                          */
    margin-left : 1em;  /* If you use default list-style-position 'outside', you may need this */
  text-decoration: none;
}
dl.article-info dd.hits {
    display: list-item; /* This has to be "list-item"                                          */
    margin-left : 1em;  /* If you use default list-style-position 'outside', you may need this */
  text-decoration: none;
}
dl.article-info dd.modified {
    display: list-item; /* This has to be "list-item"                                          */
    margin-left : 1em;  /* If you use default list-style-position 'outside', you may need this */
  text-decoration: none;
}

/* Article Image margins */
/* Ensure there is always a margin around the article intro image, no matter how the creator publishes it */
.item-content img {
  margin: auto auto 4px 4px;
}

/* Left Menus */
ul.mod-menu li.nav-item {
     list-style-image: url('/images/common/bullets/diamond_bullet.png'); 
    margin-left: 15px;
}

/* 
----------- NEWS ITEMS -----------
*/
.newsflash-title {
     font-size: .9em;
}

/* 
----------- SITE FOOTER -----------
*/ 
.container-footer {
     background-color: #000000;
       background-image: URL('images/bg/black_background.jpg');
     background-repeat: repeat;
}