@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital@0;1&display=swap');
:root {
--black: black;
--gold: #ce8c01;
--white: white;
--transparent: transparent;
--grey: grey;
--lightgrey: lightgrey;
--lightgrey1: #efefef;
--lightgrey2: #e6e6e6;
--lightgrey3: #696969;
--lightergrey: #dedede;
--darkgrey: #585858;
--whitesmoke: whitesmoke;
--black: #383838;
--lightergrey: #dedede;
--light-darkgrey: #d8d8d8;
--grey1: #bbbbbb;
--grey-green: #effff1;
--grey2: #ebebeb;
--default-white: white;
--default-darkwhite: #f3f3f3;
--sw-info-color: #3490dc;
--layout-row-shaddow-color-light: rgba(0,0,0,0.1);
--layout-row-shaddow-color-dark: rgba(0,0,0,0.2);
--calendar-selection-background-color: white;
--theme-heading-color: black;
--theme-heading1-color: black;
--theme-heading2-color: black;
--theme-heading3-color: black;
--theme-font-color: #331919;
--theme-body-font-color: #424242;
--theme-color-lighten-10: hsl(var(--theme-color),40%);
--theme-color-lighten-20: hsl(var(--theme-color),30%);
--theme-color-darken-10: hsl(var(--theme-color),60%);
--theme-color-darken-20: hsl(var(--theme-color),70%);
--theme-color-contrast: black;
--donate-wizard-button-next-color: #585858;
--theme-color: var(--white);
--theme-nav-backgroundcolor: var(--white);
--default-black: var(--black);
--default-grey: var(--grey);
--navbar-background-color: var(--theme-nav-backgroundcolor);
--navbar-collapsed-background-color: var(--whitesmoke);
--navbar-font-color: var(--black);
--navbar-collapsed-font-color: var(--default-black);
--page-title-border-color: var(--theme-color);
--footer-background-color: var(--theme-color);
--footer-font-color: var(--theme-color-contrast);
--cta-events-date-border-color: var(--theme-color);
}

.navbar {
  --navbar-height: 70px;
}

.navbar__nav li a {
  font-size: 20px;
  text-transform: none !important;
  color: black;

}
.navbar__logo {
zoom: 2.5;
}


#btn-logginn {
  display: flex;
  width: 100%;
  position:absolute;
  bottom:100%;
  justify-content: center;
}

    #btn-logginn a {
      background-color: #ce8c01;
      background-image: linear-gradient(to bottom, transparent, #ffffff30);
      color: black;
      border:none;
      padding: 12px 48px;
      cursor: pointer;
      font-weight: 600;
      font-size: 15px;
      border-radius: 6px;
      letter-spacing: 4px;
      text-align: center;
      margin-bottom: 100px;
      margin-top: 20px;
    }
  
    #btn-logginn a:hover {
      background-image: linear-gradient(to bottom, #ffffff50, #ffffff50);
      color: black;
      text-decoration: none;
      Opacity: 0.8;
    }

html{
font-family: "EB Garamond";
}

.panel-hero-image__nav-button-icon {
visibility: hidden;
}

.panel-hero-image__slide--fadein {
 
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5ss ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.panel-hero-image__slide--fadeout {
 
  -webkit-transition: opacity 0.75s ease-in-out;
  -moz-transition: opacity 0.75s ease-in-out;
  -o-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out;
}