/*-----------------------------------------------------------------------*/
/* Global */
*, *:after, *:before {
    box-sizing: inherit;
}
.site-grid{
  grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,15.675rem) repeat(3,minmax(0,21.075rem)) [main-end] minmax(0,1fr) [full-end];
}
/*-----------------------------------------------------------------------*/
/* FONT */
/* georgia */
@font-face {
    font-family: 'Georgia';
    src: url('../../../../fonts/Georgia.eot');
    src: local('Georgia'),
        url('../../../../fonts/Georgia.eot?#iefix') format('embedded-opentype'),
        url('../../../../fonts/Georgia.woff2') format('woff2'),
        url('../../../../fonts/Georgia.woff') format('woff'),
        url('../../../../fonts/Georgia.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Georgia';
    src: url('../../../../fonts/Georgia-Bold.eot');
    src: local('Georgia Bold'), local('Georgia-Bold'),
        url('../../../../fonts/Georgia-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../../../fonts/Georgia-Bold.woff2') format('woff2'),
        url('../../../../fonts/Georgia-Bold.woff') format('woff'),
        url('../../../../fonts/Georgia-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Georgia';
    src: url('../../../../fonts/Georgia-Italic.eot');
    src: local('Georgia Italic'), local('Georgia-Italic'),
        url('../../../../fonts/Georgia-Italic.eot?#iefix') format('embedded-opentype'),
        url('../../../../fonts/Georgia-Italic.woff2') format('woff2'),
        url('../../../../fonts/Georgia-Italic.woff') format('woff'),
        url('../../../../fonts/Georgia-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Georgia';
    src: url('../../../../fonts/Georgia-BoldItalic.eot');
    src: local('Georgia Bold Italic'), local('Georgia-BoldItalic'),
        url('../../../../fonts/Georgia-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../../../../fonts/Georgia-BoldItalic.woff2') format('woff2'),
        url('../../../../fonts/Georgia-BoldItalic.woff') format('woff'),
        url('../../../../fonts/Georgia-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../fonts/source-sans-pro-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../../fonts/source-sans-pro-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../../fonts/source-sans-pro-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../../fonts/source-sans-pro-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../../fonts/source-sans-pro-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../../fonts/source-sans-pro-v18-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../fonts/abel-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../../fonts/abel-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../../fonts/abel-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../../fonts/abel-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../../fonts/abel-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../../fonts/abel-v12-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */
}

body {
    font-family: Georgia,"Helvetica Neue",  Helvetica, Arial, sans-serif;
	/*   font-family: "Source Sans Pro","Helvetica Neue",  Helvetica, Arial, sans-serif;*/
}

h1 {
    font-size: 26px;
    line-height: 28px;
}

h2 {
  font-size: 22px;
    line-height: 24px;
}

h3 {
  font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Abel, Arial,Helvetica,sans-serif;
	/* font-family: "Source Sans Pro",Abel, Arial,Helvetica,sans-serif;*/
	/* text-rendering: optimizelegibility;	*/
  	color:#333333;
        font-weight: 500;
}

.newsflash-title { 
  	font-weight:normal; 
  line-height: 0.57;
    padding-left: 4.8px; 
}
.list-group-item{
     width: 8em;
    display: inline-grid;
  align-self: center;
}
.mod-whosonline{
    padding-left: 4.8px;
} 

.mod-randomimage {
  text-align:center;
}

.item-content li span,.item-content p span, p,a {
  font-family: Georgia,"Helvetica Neue",  Helvetica, Arial, sans-serif !important;
/*  font-family:"Source Sans Pro","Helvetica Neue",  Helvetica, Arial, sans-serif;*/
  font-size: 15px;
    line-height: 18px;
  margin-bottom: 0.5rem;
}

left {
  font-size: 15px;
    line-height: 18px;
}

a{
  font-size: 15px;
  color: #0088cc; 
  text-decoration: none;
}
a:not([class]){
  font-size: 15px;
  color: #0088cc; 
  text-decoration: none;
}
a:hover {
  font-size: 15px;
  /* color: #0088cc; */
  text-decoration: underline; 
}
.mod-list li {
     line-height: normal;
     /* height: auto;*/
  padding:0.3em;
}
/*
.site body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    background-color: #fff;
}
*/

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 50%;
 /*   padding: 5px;*/
}

/* Clear floats after image containers */
.roww::after {
  content: "";
  clear: both;
  display: table;
}
/*-----------------------------------------------------------------------*/
/*alert message*/
.alert-message  a{
   font-size: 16px; 
    line-height: 24px;
}
.controls .has-danger div{
    box-sizing: border-box;
}
/*-----------------------------------------------------------------------*/
/* login */
.com-content-article__body li {
  font-family: Georgia, "Helvetica Neue",  Helvetica, Arial, sans-serif;
/*  font-family:"Source Sans Pro","Helvetica Neue",  Helvetica, Arial, sans-serif;*/
  font-size: 15px;
    line-height: 18px;
  margin-bottom: 0rem;
}
.login .page-header {
  	visibility:hidden;
	border-bottom: none;
    margin: unset;
    padding-bottom: unset;
}
.login .page-header h1 {
    font-size: 0px;
    line-height: 0;
  margin:unset;
}.reset .page-header {
  	visibility:hidden;
	border-bottom: none;
    margin: unset;
    padding-bottom: unset;
}
.reset .page-header h1 {
    font-size: 0px;
    line-height: 0;
  margin:unset;
}
.remind .page-header {
  	visibility:hidden;
	border-bottom: none;
    margin: unset;
    padding-bottom: unset;
}
.remind .page-header h1 {
    font-size: 0px;
    line-height: 0;
  margin:unset;
}
legend{
  font-size: 15px;
    line-height: 18px;
    margin-bottom: 15px;
}
fieldset{
  margin:unset;
}
.form-control {
    max-width: -webkit-fill-available;
}
/*-----------------------------------------------------------------------*/
/* Banner Image */
.mybanner {
  min-width: 100%;
  /* background-color:#FFFFFF;*/
  border:none;
}
/*-----------------------------------------------------------------------*/
/* Cookies */
.notice_div_ribbin{
/*  background: #f1f9f4!important;*/
  opacity:0.9;
}

/*
.eb_privacypolicy .button_cookie{
  display:inline-block;
}
*/
/*
.jb-cookie-title {
  display:none;
}
.jb-cookie p:before {
  content: 'Welcome to SR-NIEL. ';
}
.jb-cookie p:after {
  content: 'Learn more.';
}
.jb-cookie a[href="http://www.sr-niel.org/index.php/privacy-policy"] {
	display:block;
}
*//*
.jb-cookie a[href="#jbcookies"] {
	display:none;
}
*/
/*-----------------------------------------------------------------------*/
.page-header{
  border-bottom: 1px solid #eee;
	margin: 2px 0px 10px 0px;
    padding-bottom: 5px;}
/*-----------------------------------------------------------------------*/
/* Search module */
.mod-finder {
    box-sizing: border-box;
	text-align: center;
}
/*-----------------------------------------------------------------------*/
/* Menu */
/* background color */
.container-header {
    position: relative;
    z-index: 10;
    /* margin-bottom: 20px; */
    background-color: white;
    background-image: none;
    /*background-image: linear-gradient(135deg, white 0%, #0088cc 100%);*/
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
  padding:0;
}
/*
.container-header {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #434178;
    background-image: linear-gradient(135deg, #578e8e 0%, #14382c 100%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}
*/
/* Text should now be blue */
.container-header .mod-menu {
    color: #0088cc;
}

/* We add padding and radius so that on hover there is a nice background */
/*.container-header .mod-menu a {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px; 
    padding: 3px 15px;
    color: #0088cc;
}*/

/* On hover there should be a gray background*/
.container-header .mod-menu li:hover {
    background-color: #f4f6f7;
}

/*-----------------------------------------------------------------------*/
.container-header .container-nav {
 /*   justify-content: center; */
	margin-bottom: 0.5em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	padding: 0em	
}
/*.metismenu.mod-menu .metismenu-item{
}*/
.container-header .active {
	border: 1px solid #dfe3e7;
    border-radius: 0.25rem 0.25rem 0rem 0rem;
  	border-bottom: 1px solid white;
    margin-bottom: -1px; 
}
/*-----------------------------------------------------------------------*/
/* Counter at the end of page */
.text-muted {
    font-size: 15px;
    line-height: 18px;
}
.text-muted dd {
    margin-bottom: unset;
}
/*-----------------------------------------------------------------------*/
/* breadcrumb */
.container-top-a .card {
    background-color: #f4f6f7;
}
.container-top-a .card-body {
    padding:0rem;
}
.breadcrumb{
    background-color: #f4f6f7;  
    font-size: 15px;
    line-height: 18px;
}
.breadcrumb-item+.breadcrumb-item:before {
 /*   content: var(--breadcrumb-divider,"->");*/
	content: url(/images/arrow.png);
}
/*-----------------------------------------------------------------------*/
.container-component main {
    padding: 15px;
  	border: 1px solid #dfe3e7;
    border-radius: 0.25rem 0.25rem 0rem 0rem;
   /* box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;*/
}

.container-component .card  {
  border:none;
}
/*-----------------------------------------------------------------------*/
/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
    color: #dfe3e7;
    border: 1px solid #dfe3e7;
}
/*-----------------------------------------------------------------------*/
/* shadow left menu */

.container-sidebar-left .card{
/*	box-shadow: 2px 2px 8px #e2e7e9;*/
  	border:none;
}

.container-sidebar-left .card-header{
/*      background-color: #e2e7e9;*/
 	background-color: #ffffff;
	border:none;
}
/*
.container-sidebar-left .card-body{
      background-color: #f5f5f5;
}
*/
/*
.container-sidebar-left {
        background-color: #FFFFFF;
}
*/
/*-----------------------------------------------------------------------*/



/*
.site-grid {
    background-color: #f4f6f7;
}

.header {
    background-color: #f4f6f7;
}

.grid-child {
    padding: 3px 15px;
    background-color: white;
}
*/
/*-----------------------------------------------------------------------*/
.footer {
    background-color: white;
    background-image: none;
}

.footer .mod-menu {
    color: #0088cc;
}
/*-----------------------------------------------------------------------*/

/* menu with circle */
/*
.mod-list {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  list-style: inside;
  list-style-type: circle;

}
*/
/*-----------------------------------------------------------------------*/


/*
a {
  color: #722206;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #ce3d0b;
    text-decoration: underline; }
*/

/*   FROM personal.css  */
/*
.body .container {
    background-color: #fff;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 20px;
    border: none;
    -moz-box-shadow: 2px 2px 8px #000;
    -webkit-box-shadow: 2px 2px 8px #000;
    box-shadow: 2px 2px 8px #000;
}

.well {
    background-color: #f5f5f5;
    -webkit-box-shadow: 2px 2px 8px #000;
    -moz-box-shadow: 2px 2px 8px #000;
    box-shadow: 2px 2px 8px #000;
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.well .nav > li > a:hover, .well .nav > li > a:focus {
    background: none;
    text-decoration: underline;
}

.category-module {
    font-size: 15px;
    line-height: 25px;
    margin-left: 0px;
}

.moduletable_min {
    -webkit-box-shadow: 2px 2px 8px #000;
    -moz-box-shadow: 2px 2px 8px #000;
    box-shadow: 2px 2px 8px #000;
    background: #f5f5f5;
    padding:10px 10px 10px 20px;
    margin-bottom: 20px;
}
.moduletable_min h3 {
    color: #000000;
}
.moduletable_min a {
//    color: #FFF;
    font-size: 13px;
}
.moduletable_min li {
    line-height: 17px;
}
#aside .moduletable_min .nav .nav-child {
    border-left: none;
    padding-left: 15px;
}

.moduletable_min .nav > li > a:hover, .moduletable_min .nav > li > a:focus {
    background: none;
    text-decoration: underline;
    color: #005580;
}


.moduletable_min ul {
    list-style-type: circle;
    padding-left:0px;
}

.moduletable_max {
    padding:0px 0px 0px 20px;
    margin-bottom: 20px;
}


*/