@font-face{font-family:'Fira Sans BGR';font-style:normal;font-weight:400;src:local('Fira Sans BGR Regular'),local('FiraSans-Regular'),url('fonts/FiraSansBGR-Regular.woff2') format('woff2')}
@font-face{font-family:'Fira Sans BGR';font-style:italic;font-weight:400;src:local('Fira Sans BGR Italic'),local('FiraSans-Italic'),url('fonts/FiraSansBGR-Italic.woff2') format('woff2')}
@font-face{font-family:'Fira Sans BGR';font-style:normal;font-weight:500;src:local('Fira Sans BGR Medium'),local('FiraSans-Medium'),url('fonts/FiraSansBGR-Medium.woff2') format('woff2')}
@font-face{font-family:'Fira Sans BGR';font-style:normal;font-weight:700;src:local('Fira Sans BGR Bold'),local('FiraSansBGR-Bold'),url('fonts/FiraSansBGR-Bold.woff2') format('woff2')}

html{height:100%;overflow-x:hidden}
body{color:#222;font-family:"Fira Sans BGR",sans-serif}

h1,h2{color:#000}h3,h4,h5,h6,p{color:#333}
h1,h2,h3,h4,h6{font-weight:500}h5{font-weight:400;text-transform:uppercase}p{font-weight:400}
h1{font-size:31px}h2{font-size:25px}h3{font-size:20px}h4{font-size:18px}h5,h6,p{font-size:16px}
h1{line-height:37px}h2{line-height:30px}h3{line-height:28px}h4,h5,h6,p{line-height:24px}
 p.info { font-size: 14px; color: #666; line-height: 20px; font-style:italic; }
a{color:#333}
a,a:active{text-decoration:none}
a:hover,a:focus{text-decoration:underline}
ol{margin-left:1em;line-height:24px}
textarea{font:100% 'Fira Sans',sans-serif;font-size:14px}

header{padding-top:1rem}
#logo>img{width:100%}
#name h1{font-size:1.5rem;line-height:1;font-weight:bold}
#name h2{font-size:1rem;line-height:1.2}
#name h3{font-size:.8rem;margin-bottom:0}

#menu{margin-top:1rem}
#menu nav{background:transparent}
#menu .nav-item{padding:.5rem 0}
#menu .dropdown-hover:hover>.dropdown-menu{display:block;left:0;border:0;box-shadow:0 4px 4px 0 rgba(0,0,0,.3);width:100%;min-width:220px;padding:0}
#menu .dropdown-hover:hover>.dropdown-menu.dropdown-menu-end{left:unset;right:0}
#menu .dropdown-menu .list-group-item{background:unset}
#menu .dropdown-hover>.dropdown-toggle:active{pointer-events:none}
#menu .nav-item a{color:inherit;font-size:.8rem;font-weight:bold;text-transform:uppercase}
#menu .nav-item .dropdown-menu a{font-size:.9rem;font-weight:normal;text-transform:none}
#menu .list-group-horizontal .list-group-item{border:0}

#slider img{display:none}
.slick-next:before,.slick-prev:before{font-size:1.75rem}
.slick-prev{margin-left:3rem;z-index:999}
.slick-next{margin-right:3rem}

.breadcrumb{
    --bs-breadcrumb-font-size: .875em;
}

/*section>h3{border-bottom:1px solid #333}*/

#info .list-group-item{background-color:inherit;border:0;padding:.5rem 0}
#info .list-group-item>a{text-decoration:none}
#info .list-group-item>a:hover{text-decoration:underline}

#news{margin-bottom:1rem}
#news .list-group-item{background-color:inherit;border:0;padding:.5rem 0}
#news .list-group-item>a{text-decoration:none}
#news .list-group-item>a:hover{text-decoration:underline}

#qlinks a>i{margin-right:.5rem}
#qlinks a:hover{text-decoration:none}

#elinks .card{border:0}

article a,article a:active{color:var(--bs-primary)}
article a:visited{color:var(--bs-secondary)}
article a:hover,article a:focus{color:var(--bs-info)}
article .list .list-group-item{padding-left:0;padding-right:0}
article .list li>a:before{font-family:"Font Awesome 6 Pro";content:"\00a0\f35d";margin-right:.375rem}
article .list li>a[href$=".pdf"]:before{content:"\00a0\f1c1"}
article .list li>a[href$=".doc"]:before,
article .list li>a[href$=".docx"]:before{content:"\00a0\f1c2"}
article .list li>a[href$=".xls"]:before,
article .list li>a[href$=".xlsx"]:before{content:"\00a0\f1c3"}
article .list li>a[href$=".zip"]:before,
article .list li>a[href$=".rar"]:before{content:"\00a0\f1c6"}

footer{background-color:#eee}
#copyrights{background-color:#ddd;-color:#666;font-size:13px;font-style:italic;font-weight:400;line-height:17px}
.bg-light .text-danger{color:#af0022!important}

/* responsive breakpoints */
@media(max-width:575px){
  .dropdown-menu>.container{padding:0}
  .dropdown-menu .col{flex:unset}
  .dropdown-menu .col-5,.dropdown-menu .col-6{flex:unset;width:100%}
}
@media(min-width:576px){
  #logo{width:100px;margin-right:1rem}
  #name h1{font-size:2rem;line-height:1.5;margin:initial}
  #name h2{font-size:1.25rem;line-height:1.25;margin-bottom:0}
  #name h3{font-size:1rem;margin-bottom:0}
  #menu nav{padding:0}
}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}
@media(min-width:1400px){}