/**
 * Theme Name: BS26
 * Template:   generatepress
 * Author: Hung Pham - https://hungpham.no
 */

 :root {
    --off-white: #EBF3FA;
    --gold: #9A6B00;
    --gold-light: #E6C17A;
    --gold-pale: #F5EDD6;
    --navy: #2E6DAF;
 }
 body {
    box-sizing: border-box;
 }
 section {
   padding: 100px 0;
 }
 section > div:first-child {
   padding: 0 15px;
   margin-left: auto;
   margin-right: auto;
 }
 .section-title {
   font-size: 17px;
   color: var(--gold);
   text-transform: uppercase;
 }
 .intro p {
   margin-top: 15px;
 }
 .intro a {
   color: var(--gold);
 }
 .om-berit h3 {
   margin-bottom: 10px;
 }
 .om-berit p {
   font-size: 15px;
   color: rgba(245,237,214,0.6);
 }
 .bs-tjenester {
    background-color: #f5f9fd;
 }
 .bs-tjenester div:hover {
    background-color: #FFF;
    box-shadow: inset 0 3px 0 0 var(--gold);
    cursor: pointer;
 }

 /* 1. Turn the individual service boxes into flex columns */
.bs-tjenester > div {
    display: flex;
    flex-direction: column;
    /* Optional: If .bs-tjenester is a grid, this ensures all boxes are equal height */
    height: 100%; 
}

/* 2. Force the list to the bottom of the flex column */
.bs-tjenester > div ul.wp-block-list {
    margin-top: auto;
}
 .bs-tjenester ul,
 .reiki ol {
    list-style: none;
    margin: 0;
 }
 .bs-tjenester ul li {
    display: inline-block;
    margin-right: 3px;
    padding: 3px 10px;
    color: var(--gold);
    border: 1px solid var(--gold);
    font-size: 12px;
    text-transform: uppercase;
 }
 .bs-tjenester img {
   width: 45px;
   max-width: 100%;
 }
 .reiki a {
   color: var(--gold-light);
 }
 .reiki ol {
   counter-reset: reiki-counter;
   padding-left: 0;
 }
 .reiki ol li {
   border: 1px solid rgba(245,237,214,0.12);
   padding: 20px 30px 20px 40px;
   margin-bottom: 25px;
   list-style-position: inside;
   position: relative;
 }
 .reiki ol li::before {
   counter-increment: reiki-counter;
   content: counter(reiki-counter) ". ";
   font-weight: bold; /* Optional: style the number independently */
   position: absolute;
   left: 20px;
   top: 20px;
   color: var(--gold-light);
}
.reiki ol li::first-line {
   font-weight: bold;
   color: #EEE;
   font-size: 1.2rem;
}
.reiki,
.reiki p {
   color: rgba(255,255,255,0.65);
}
.reiki .reiki-kanji {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    user-select: none;
        font-size: 9rem;
    color: rgba(245, 237, 214, 0.08);
}


.reiki .reiki-hjelp,
.reiki .reiki-energi {
   max-width: 100%;
   padding: 0 15px;
}

.egen-approach ul {
   margin: 10px 20px;
}
.egen-approach ul li::marker {
    color: var(--gold);
}
.egen-approach .egen-ekspert ul li {
   font-size: 1.3rem;
   color: var(--navy);
}
.egen-approach .egen-ekspert ul + p {
   border-bottom: 1px solid var(--gold-light);
   padding-bottom: 30px;
}
.egen-approach .egen-filosofi {
   color: rgba(245,237,214,0.9);
}
.egen-approach .egen-filosofi ul li::marker {
    color: var(--gold-light);
}
.egen-approach .egen-filosofi ul li {
   line-height: 1.8rem;
}
.kontakt-details p {
   display: flex;
   align-items: flex-start;
   color: var(--navy);
}
.kontakt-details p mark {
   text-transform: uppercase;
   font-size: 0.95rem;
   min-width: 100px;
   margin-top: 4px;
}

.wpforms-container .wpforms-form .wpforms-field-label {
   color: var(--gold);
   font-size: 0.9rem;
   font-weight: 400;
}
.wpforms-container-full button[type=submit] {
   width: 100%;
}
.footer-widgets {
   background-color: var(--navy);
   color: var(--off-white);
}
.footer-widget-1 {
   text-transform: uppercase;
}
.footer-widget-2,
.footer-widget-3 {
   text-align: right;
}
footer {
   display: none;
}
@media (min-width: 1025px) { /* CSS in here for desktop only */
   .flyt {
      min-height: 900px;
   }
   .reiki .reiki-hjelp,
   .reiki .reiki-energi {
      width: 650px;
      margin-left: auto;
      margin-right: auto;
   }
   .reiki .reiki-energi {
      min-height: 900px;
   }
}