/* =====================================================================
   CSS VARIABLES
   ===================================================================== */
:root{
  /* --- Merkevarefarger --- */
  --brand-authentic-aqua: #89D9E1;
  --brand-spirited-cerulean: #2DC3D0;
  --brand-battle-blue: #0538BF;
  --brand-visionary-blue: #0363D1;
  --brand-ebony: #000000;
  --brand-intelligrey: #6F7375;

  --brand-neon-jungle: #4DDEA1;
  --brand-hot-violet: #A44AD9;
  --brand-aplomb: #3F0C59;
  --brand-mango-tango: #FF6D09;
  --brand-gold-medal: #FEC311;
  --brand-passion-fruit: #D94A66;

  --brand-light-neon-jungle: #C1F4DE;
  --brand-light-hot-violet: #DFC0F2;
  --brand-light-cerulean: #C0EDF1;
  --brand-light-battle-blue: #C4CDF8;
  --brand-light-intelligrey: #B2B2B2;

  /* --- Mapping til Bootstrap-variabler (Power Pages) --- */
  --bs-primary: var(--brand-visionary-blue);
  --bs-secondary: var(--brand-spirited-cerulean);
  --bs-info: var(--brand-authentic-aqua);
  --bs-success: var(--brand-neon-jungle);
  --bs-warning: var(--brand-gold-medal);
  --bs-danger: var(--brand-passion-fruit);
  --bs-dark: var(--brand-ebony);

  /* Grå base fra malen + typografi/linker */
  --bs-body-bg: #f7f7f7;
  --bs-body-color: #111;
  --bs-heading-color: #111;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: color-mix(in srgb, var(--bs-primary), black 15%);

  /* Border-fallbacks (synlige overalt) */
  --bs-border-color: #97999A;
  --bs-border-color-translucent: rgba(151,153,154,.6);

  /* Header-spesifikt */
  --header-bg: #fff;
  --header-divider-color: #D5D8DB;
  --header-logo-h-mb: 40px;
  --header-logo-h-lg: 65px;
  --header-padding-y: .5rem;

  /* Navigation */
  --nav-link-color: color-mix(in srgb, var(--brand-intelligrey), black 20%);
  --nav-link-hover: var(--bs-dark);
  --nav-indicator-color: var(--bs-danger);
  --nav-link-px: 1rem;
  --nav-link-py: .75rem;
  --nav-font-weight: 600;

  /* Footer-spesifikt */
  --footer-bg: #04242d;
  --footer-link: #ffffff;
  --footer-divider: rgba(255,255,255,.08);
  --footer-logo-h: 32px;

  /* Event Components */
  --color-forest-green-500: rgb(9, 78, 93);
  --color-forest-green-600: rgb(7, 62, 74);
  --color-forest-green-400: rgb(13, 100, 119);
  --color-teal-light: rgb(20, 184, 166);
  --color-teal-accent: rgb(45, 212, 191);
  --color-dark-blue: #04242D;
}

/* Overstyr med color-mix der det støttes (lys miks – ikke svart) */
@supports (color: color-mix(in srgb, black, white)) {
  :root{
    --bs-border-color: color-mix(in srgb, var(--brand-intelligrey) 40%, #B2B2B2 60%);
    --bs-border-color-translucent: color-mix(in srgb, var(--bs-border-color) 40%, transparent 60%);
  }
}



@media screen and (max-width: 990px) {
  .frontpage-imagediv {
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 500px) {
  #frontpage-image {
    width: 100% !important;
  }
}

@media screen and (max-width: 500px) {
  .container.navcontainer {
    margin: 0px !important;
  }
}

.navbar-nav {
  align-content: flex-end;
  --bs-nav-link-padding-x: 1rem;
  align-items: center;
}

.container.navcontainer {
  margin: 0px 30px;
  width: 100% !important;
  max-width: 3000px !important;
}

div.navbar-expand-xl.navbar.navbar-dark.static-top {
  font-family: "Inter", serif !important;
  font-size: 0.85rem !important;
  max-width: 1920px !important;
  margin: auto !important;
}
a.nav-link {
  font-family: "Inter", serif !important;
  font-size: 1.0rem !important;
  color: #04242D!important;
}
.divider-vertical {
  border-left: 1px solid #fff !important;
}
@media screen and (max-width: 1200px) {
  .divider-vertical {
    display: none !important;
  }
}
.navbar-toggler {
  border: none !important;
}
.navbar-dark .navbar-toggler .toggle-icon {
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23133748' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M8 8l16 16M8 24L24 8'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-toggler .toggle-icon {
  width: 1.5em;
  height: 1.5em;
}
p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p, p.form-text span {
  font-family: "Inter", serif !important;
  font-weight: 400;
  font-size: 18px;
  color: #04242D!important;
}
a {
  font-family: "Inter", serif !important;
  font-style: underline !important;
  font-size: 18px !important;
}
h1 {
  font-family: "sofiaPro", Inter, serif !important;
  font-size: 48px !important;
}
h2 {
  font-family: "sofiaPro", Inter, serif !important;
  font-size: 36px !important;
}
h3 {
  font-family: "sofiaPro", Inter, serif !important;
  font-size: 30px !important;
}
h4 {
  font-family: "sofiaPro", Inter, serif !important;
  font-size: 24px !important;
  color: #04242D!important;
}
h5 {
  font-family: "sofiaPro", Inter, serif !important;
  font-size: 20px !important;
  color: #04242D!important;
}
h6 {
  font-family: "sofiaPro", Inter, serif !important;
  font-size: 18px !important;
  color: #04242D;
}
h1.siteTitle {
  letter-spacing: 0.2rem;
  font-weight: semi-bold !important;
  font-size: 16px !important;
}
.cancel-case-link {
  color: crimson !important;
  background-color: #ffffff !important;
  border-color: crimson !important;
}
.close-case-link {
  color: forestgreen !important;
  background-color: #ffffff !important;
  border-color: forestgreen !important;
}
.xrm-attribute-value a img {
  height: 59px;
}
.wrapper-body {
  max-width: 1920px !important;
  margin: auto !important;
}
.navbar-toggler {
  background-color: #ffffff !important;
}
/* =====================================================================
   FOOTER
   ===================================================================== */
.site-footer.site-footer--3bulks{
  background: var(--footer-bg);
  color:#fff;
}

.site-footer--3bulks .footer-top{
  padding: 1.25rem 1rem;
  border-bottom: 1px solid var(--footer-divider);
}
.site-footer--3bulks .footer-logo img{
  height: var(--footer-logo-h);
  width: auto;
  display:block;
}

.site-footer--3bulks .footer-title{
  letter-spacing:.04em;
  font-size:1.5rem;
  margin-bottom: 1rem;
  color:#fff;
}

nav[aria-labelledby^="footer-"] .footer-list > li > a {
  display: inline-block;
  text-decoration: none !important;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 100% 3px;
  background-position: 0 calc(100% + 1px) !important;
  transition: background-size 150ms ease;
  padding-bottom: .35rem;
}

nav[aria-labelledby^="footer-"] .footer-list > li > a:hover {
  background-size: 100% 5px !important;
  text-decoration: none !important;
}

@media (min-width: 768px){
  .site-footer--3bulks .col-md-4 + .col-md-4{
    border-left: 1px solid var(--footer-divider);
  }
}

.site-footer--3bulks .footer-bottom{
  border-top: 1px solid var(--footer-divider);
  padding: .75rem 0;
  color: rgba(255,255,255,.85);
}
.site-footer--3bulks .footer-bottom a,
.site-footer--3bulks .footer-bottom-link{
  color: rgba(255,255,255,.85);
  text-decoration: none;
}
.site-footer--3bulks .footer-bottom a:hover,
.site-footer--3bulks .footer-bottom-link:hover{
  color:#fff;
  text-decoration: underline;
}

.site-footer--3bulks,
.site-footer--3bulks .footer-top,
.site-footer--3bulks .footer-bottom {
  background-color: var(--footer-bg) !important;
  color: #fff;
}

@media (min-width: 768px){
  .site-footer--3bulks .col-md-4 + .col-md-4{
    border-left: 0 !important;
  }
}

.site-footer--3bulks nav{
  background: transparent !important;
  border: 0 !important;
}

.site-footer--3bulks .footer-bottom{
  border-top: 0 !important; 
}

.small, small {
    font-size: 1.1em !important;
    line-height: 2em;
}

.footer-bottom-link {
    font-size: 1.2em !important;
  
}

.gap-4 {
    gap: 1rem;
}

.items-center {
    align-items: center;
}
.flex {
    display: flex;
}


/* Hide back-to-top button*/
.arrow {
  display: none;
}

.back-to-top {
  bottom: 1rem;
  overflow: hidden;
  position: fixed;
  right: 1rem;
  transition: 0.4s ease;
  z-index: 9;
}
.fa-border {
  border-color: #c286ff;
}
.glyphicon-arrow-right:before {
  content: "\2192";
}
.actions {
  margin-bottom: 4rem;
}

/* registration / invitation screen */

#register-information {
  background-color: #ffff;
  padding: 2em;
  width: 90%;
  border-top-right-radius: 90px;
}

.headerButtons {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

@media screen and (max-width: 500px) {
  .headerButtons {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .button2 {
    width: 100% !important;
  }
  .button3 {
    width: 100% !important;
  }
}
/* Startsite header */
.backgroundgradiant {
  background-image: linear-gradient(to right, #f8f2ff, #dafff1, #fcf8c3) !important;
}

/*********		SIGN IN 		*******/

#content-container.signinpage {
  background-image: url(../pawel-czerwinski-8Rv4mGhAcSk-unsplash16-9.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: 23%;
  margin-top: 20px;
}
#content-container.signinpage #content .nav.nav-tabs {
  display: none !important;
}
/* Sign In form */
#content-container.signinpage .page-content.row .row {
  background: #ffffff;
  border-radius: 0.25rem !important;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-left: 1.14rem !important;
  padding-right: 1.14rem !important;
  padding-top: 1.85rem !important;
  padding-bottom: 1.85rem !important;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 992px) {
  #content-container.signinpage .page-content.row .row {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 90%;
  }
}
@media (max-width: 992px) {
  #content-container.signinpage .page-content {
    flex-direction: column-reverse;
  }
  #content-container.signinpage .page-content.row .row {
    background: #fff;
  }
}
#content-container.signinpage .page-content.row .row .col-md-6 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
#content-container.signinpage .page-content.row .row .col-md-6:first-child {
  margin-bottom: 40px;
}

#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  .form-group
  .label,
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  .form-group
  .col-sm-8 {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: 100%;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  .form-group
  .form-control {
  padding: 1em;
}

#content-container.signinpage .page-content #submit-signin-local {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
  display: block;
  width: 100%;
}

#content-container.signinpage .page-content.row .row .col-md-6 form fieldset {
  position: relative;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[name="provider"] {
  margin: 5px auto !important;
  width: 100%;
  padding: 1rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 12px 2px;
  flex: 0 0 auto;
}

#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[title*="Facebook"] {
  border-color: #4c70ba;
  background: #4c70ba url("[...]/facebook.png") no-repeat 5% center;
  background-size: auto 40%;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[title*="Google"] {
  border-color: #4285f4;
  background: #4285f4 url("[...]/google.png") no-repeat 5% center;
  background-size: auto 40%;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[title*="LinkedIn"] {
  border-color: #0077b5;
  background: #0077b5 url("[...]/linkedin.png") no-repeat 5% center;
  background-size: auto 40%;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[title*="Logg på med Azure AD-kontoen."] {
  border-color: #718791;
  background: #425f6d url("../signinwithmicrosoft.png") no-repeat 5% center;
  background-size: 100% auto;
  color: transparent !important;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn:hover {
  background-color: #718791;
}

#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[title*="PZL-Int"] {
  border-color: transparent;
  background-color: transparent;
  background: tranparent;
  color: #333;
  position: absolute;
  bottom: -64px;
  left: 0;
}
#content-container.signinpage
  .page-content.row
  .row
  .col-md-6
  button.btn[title*="PZL-Int"]:hover {
  background: rgba(0, 0, 0, 0.1);
  border-color: #efb225;
}

/* Redeem Invotation Code Page */
#content-container.signinpage.redeem {
  z-index: 1;
}
#content-container.signinpage.redeem #content .page-content form {
  background: #ffffff;
  border-radius: 0.25rem !important;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-left: 2.14rem !important;
  padding-right: 2.14rem !important;
  padding-top: 2.85rem !important;
  padding-bottom: 2.85rem !important;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 992px) {
  #content-container.signinpage.redeem #content .page-content form {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 80%;
  }
}
#content-container.signinpage.redeem #content .page-content form legend span {
  padding: 0px 10px;
}
input#InvitationCode,
label[for*="InvitationCode"] {
  width: 100%;
  display: block;
  word-break: normal;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  display: none;
}
#content-container.signinpage.redeem .col-sm-offset-2.col-sm-10 .checkbox {
  display: none;
}
button#submit-redeem-invitation {
  margin: 5px auto !important;
  width: 100%;
  padding: 1rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 12px 2px;
}
button#submit-redeem-invitation:hover {
  background: #3a0960;
}

/* Register */
#ContentContainer_MainContent_PageCopy_PageCopy {
  margin: 0px;
}
#Register {
  width: 100%;
}
#ContentContainer_MainContent_MainContent_SecureRegister .alert {
  display: none;
}
#Register #ContentContainer_MainContent_MainContent_SecureRegister .row {
  margin: 0 auto;
  margin-bottom: 50px;
}
#Register
  #ContentContainer_MainContent_MainContent_SecureRegister
  .row
  .col-md-6
  button.btn[title*="PZL-Int"] {
  display: none;
}