/* FONTS */
@font-face
{
    font-family: 'norsebold';
    src: url('../fonts/norsebold-webfont.woff2') format('woff2'),
         url('../fonts/norsebold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
  font-display: swap;
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'),
       url('../fonts/roboto-slab-v24-latin-regular.woff') format('woff');
}
body
{
  font-family: 'Roboto Slab';
}
h1,h2,h3,h4,h5,h6
{
  font-family: 'norsebold';
}

/* global link color */
.sp-module ul > li > a,
a
{
  color: #E8B106;
}
.sp-module ul > li > a:hover,
.sp-module ul > li > a:focus,
a:hover, a:focus {
  color: #A88100;
}
a:active
{
  color: #F58E0C;
}
/* menu: */
.sp-megamenu-parent > li > a
{
  color: #a2a2a2;
}
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li > a:focus
{
  color: #fff;
}
.sp-megamenu-parent > li.active > a
{
  font-weight: bold;
  color: #fff;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after, 
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {
  font-family: "Font Awesome 5 Free";
}

.sppb-btn-link:focus
{
  opacity: 1.0;
}
#sp-header .logo a
{
  color: #FFFFFF;
}
.sppb-nav a
{
  color: #000000;
}

/* header */
#sp-top-bar
{
  display: none;
}
.sp-page-title
{
  background-color: #637D49;
  /* enable when header is hidden: */
  /* padding-top:100px; */
}
#sp-main-body
{
  /* corrections for large space between top and content on e.g. OVK page: */
  padding-top: 30px;
  padding-bottom: 30px;
  /* enable when header is hidden: */
  /* padding-top:80px; */  /* to make the titles appear below the top bar, otherwise their heading is hidden behind the black bar */
}
#sp-header, #sp-bottom
{
  background-color: #191A1A;
}

/* bottom menu: */
#sp-bottom .sp-module-content ul.menu li
{
  display: inline-block !important;
  padding-right: 20px;
}
#sp-bottom .sp-module ul > li,
#sp-bottom p,
#sp-bottom .sp-module
{
  padding-bottom: 0;
  margin-bottom: 0;
}
#sp-bottom
{
  padding-top: 20px;
  padding-bottom: 20px;
}
#sp-bottom .row
{
  align-items: center;
}

/* footer */
#sp-footer
{
  display: none;
}
@media (min-width: 991px)
{
  /* Position footer(s) at bottom... */
  #sp-bottom
  {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 100;
  }
  /*... and make space for it in the body element (to make sure footer don't overlap content) */
  #sp-main-body
  {
    margin-bottom: 88px;
  }
}
@media (max-width: 575px)
{
  #sp-header
  {
    height: 50px;
  }
}
#sp-bottom a img
{
  display: inline-block;
}
#sp-bottom a
{
  margin-right: 15px;
}
#sp-bottom1, #sp-bottom2
{
  width: 38%;
}
#sp-bottom2
{
  text-align: center;
}
#sp-bottom3
{
  width: 24%;
  text-align: right;
}

/* menu */
.sp-dropdown
{
  width: 220px !important;
}
.sp-dropdown-inner {
  /* only on bottom:*/
  border-radius: 0px 0px 6px 6px;
  /* all around: */
  /*border-radius: 6px;*/
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a
{
  color: #252525 !important;
  font-weight: bold;
}
.offcanvas-menu .header-modules
{
  display: none !important;
}

/* buttons */
.sppb-btn, .eventcalendar_toolbar_buttons a.toolbar_btn, .btn, .buttons-wrapper .btn, .btn-primary, button.hikabtn, #member-profile .btn, .jdbutton, .search .btn-toolbar button, .vrilistgoonlist a, .article-details .article-can-edit a
{
  color: #ffffff;
  background: #395330;
  border: none;
}
.jdbutton:hover, .search .btn-toolbar button:hover, .btn:hover, .buttons-wrapper .btn:hover, .vrilistgoonlist a:hover, .pagination > .active > span:hover, .article-details .article-can-edit a:hover, #member-profile .btn:hover, .sppb-btn:hover, .eventcalendar_toolbar_buttons a.toolbar_btn:hover, .btn-primary:hover, button.hikabtn:hover
{
  outline: none;
  border: none;
  background: #637D49;
  color: #ffffff;
}
.jdbutton:active, .search .btn-toolbar button:active, .btn:active, .btn:first-child:active, .buttons-wrapper .btn:active, .vrilistgoonlist a:active, .pagination > .active > span:active, .article-details .article-can-edit a:active, #member-profile .btn:active, .sppb-btn:active, .eventcalendar_toolbar_buttons a.toolbar_btn:active, .btn-primary:active, button.hikabtn:active
{
  background: #555;
  color: #ffffff;
  box-shadow: 0 0 0 3px rgba(0,123,255,.25);
}
.sppb-btn
{
  padding: 12px 30px;
}
.eventcalendar_toolbar_buttons a.toolbar_btn, button.hikabtn
{
  border-radius: 6px;
  color: #FFFFFF;
}

/* (general?) pagination, e.g. in JDownloads */
.pagination > .active > span:hover
{
  color: #FFFFFF;
}
.pagination > .active > span
{
  background: #395330;
}
/* User profile */
#member-profile input
{
  margin-bottom: 0;
}
.webauthnManagementEditorRow input
{
  width: 200px !important;
}

/* mobile */
#offcanvas-toggler .burger-icon
{
  background-image: url('../images/burgermenu.svg');
}
.close-offcanvas .burger-icon
{
  background-image: url('../images/burgermenu-dark.svg');
  padding-top: 1px;
}
.burger-icon
{
  width: 32px;
  height: 32px;
}
#offcanvas-toggler .burger-icon span
{
  display: none;
}

/* corrections to strange look at halfway between desktop and mobile versions */
.logo-image
{
  height: 48px;
}
@media (max-width: 991px)
{
  #sppb-addon-wrapper-1629274448274, #sppb-addon-wrapper-1673550558327, #sppb-addon-wrapper-1668349426196
  {
    margin-left: 0 !important;
  }
  #column-wrap-id-1668349426195
  {
    flex-basis: 80%;
    max-width: 80%;
    margin-bottom: 20px;
  }
  .logo-image
  {
    height: 32px;
  }
}
@media (max-width: 575px)
{
  .logo-image
  {
    height: 24px;
  }
}
/* system messages */
div#system-message-container {
  right: auto;
  bottom: auto;
  margin-left: 150px;
  margin-right: 150px;
  max-width: none;
}
div#system-message-container joomla-alert {
  font-size: 16px;
  box-shadow: 5px 5px 15px black;
}
@media (max-width: 575px) {
  div#system-message-container {
    margin-left: auto;
  }
}

/* JDownload - see own custom css (JDownloads - Layout - Edit CSS) */
/*
VikrentItem style overrides
  .vrilistgoonlist is for vikrentitem list buttons
*/
.vrilistgoonlist a:active
{
  top: 0;
}
.vrilistgoonlist a, .article-details .article-can-edit a, #member-profile .btn
{
  padding: 12px 30px 12px 30px;
  font-size: 16px;
}


/* uddeim messages */
#uddeim-module
{
  font-size: 100%;
}
#uddeim-overview img,
#uddeim-navbar2 li img,
.uddeim-messagefrom img,
#uddeim-module img
{
  display: inline;
}

