/* ==================================== GENERAL ==================================== */
@import url("https://fonts.googleapis.com/css2?family=Abel&family=Playfair+Display&display=swap");
:root {
  --primary-black: #000000;
  --secondary-black: #222222;
  --primary-white: #f0f0f0;
  --secondary-dark-green: #464f41;
  --primary-dark-green: #56776b;
  --primary-green: #557e54;
  --primary-green-opacity: #557e54b8;
  --primary-light-green: #bfcba8;
  --secondary-gray: rgba(232, 232, 232, 0.637);
  --primary-gray: #707070;
  --primary-gray-opacity: #707070b8;
  --overlay: rgba(0, 0, 0, 0.541);
  --shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
  --primary-heading: "Playfair Display", serif;
  --primary-text: "Abel", sans-serif;
}

.green {
  color: var(--primary-white);
  background-color: var(--primary-green);
}

.dark-green {
  color: var(--primary-white);
  background-color: var(--primary-dark-green);
}

.dark-green2 {
  color: var(--primary-white);
  background-color: var(--secondary-dark-green);
}

.light-green {
  color: var(--primary-white);
  background-color: var(--primary-light-green);
}

.white {
  color: var(--primary-white);
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 100%;
  height: 100%;
}

main {
  background-color: var(--primary-white);
}

.page-padding {
  padding: 120px 20px 20px 20px;
}

.whitespace {
  height: 25px;
}

.greenspace {
  width: 100%;
  height: 5px;
  background-color: var(--primary-green);
}

/* ==================================== TEXT ==================================== */
h1 {
  display: none;
}

h2 {
  font-family: var(--primary-heading);
  font-size: 25px;
}

@media screen and (min-width: 600px) {
  h2 {
    font-size: 35px;
  }
}

h3 {
  font-family: var(--primary-heading);
  font-size: 20px;
  line-height: normal;
}

@media screen and (min-width: 600px) {
  h3 {
    font-size: 25px;
  }
}

h4 {
  font-size: 20px;
  font-family: var(--primary-heading);
}

@media screen and (min-width: 600px) {
  h4 {
    font-size: 22px;
  }
}

h5 {
  font-size: 15px;
  font-family: var(--primary-text);
  line-height: 25px;
}

@media screen and (min-width: 600px) {
  h5 {
    font-size: 20px;
    line-height: 40px;
  }
}

h6 {
  font-family: var(--primary-heading);
  font-size: 12px;
}

p,
ul,
li,
.event-input {
  font-family: var(--primary-text);
  font-size: 15px;
  margin: 0;
  line-height: 25px;
}

@media screen and (min-width: 600px) {
  p,
  ul,
  li,
  .event-input {
    font-size: 17px;
  }
}

.ul-dots {
  list-style: disc;
  margin-left: 20px;
}

.ol-dots {
  list-style: decimal;
  margin-left: 20px;
}

a {
  color: var(--primary-black) !important;
  font-family: var(--primary-text);
  text-decoration: none;
  font-size: 15px;
}

@media screen and (min-width: 600px) {
  a {
    font-size: 17px;
  }
}

/* ==================================== COOKIES ==================================== */
.cookie {
  position: fixed;
  height: 60px;
  bottom: 10px;
  left: 10px;
  border-radius: 50%;
  opacity: 0.4;
}

/* ==================================== BUTTONS ==================================== */
.button1 {
  /* almindelige "runde" knapper */
  border-radius: 20px;
  width: 280px;
  height: 45px;
  font-family: var(--primary-heading);
  font-size: 20px;
  border: none;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .button1 {
    border-radius: 20px;
    height: 50px;
    font-size: 22px;
  }
  .button1:hover {
    background-color: var(--primary-gray);
  }
}

.button2 {
  /* firkantede knapper */
  width: 100%;
  height: 170px;
  border: none;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

@media screen and (min-width: 992px) {
  .button2 {
    width: 100%;
    height: 240px;
    font-size: 24px;
  }
  .button2:hover {
    background-color: var(--primary-gray);
  }
}

.btn-text1 {
  font-family: var(--primary-heading);
  font-size: 50px;
  line-height: 60px;
}

.btn-text2 {
  font-family: var(--primary-heading);
  font-size: 30px;
}

@media screen and (min-width: 600px) {
  .btn-text1 {
    font-family: var(--primary-heading);
    font-size: 45px;
    line-height: 60px;
  }
}

@media screen and (min-width: 992px) {
  .btn-text1 {
    font-size: 80px;
  }
  .btn-text2 {
    font-size: 40px;
  }
}

.button3 {
  /* grid knapper */
  width: 100%;
  height: 50px;
  font-family: var(--primary-heading);
  border: none;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  background-color: var(--primary-green-opacity);
  color: var(--primary-white);
  cursor: pointer;
}

@media screen and (min-width: 600px) {
  .button3 {
    width: 100%;
    height: 40px;
  }
  .button3:hover {
    background-color: var(--primary-gray-opacity);
  }
}

.button4 {
  /* kalender knapper */
  border-radius: 20px;
  width: 230px;
  height: 35px;
  font-family: var(--primary-heading);
  font-size: 16px;
  border: none;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  cursor: pointer;
  margin: 10px auto 0 auto;
  display: block;
}

@media screen and (min-width: 992px) {
  .button4 {
    border-radius: 20px;
    height: 40px;
    font-size: 18px;
  }
  .button4:hover {
    background-color: var(--primary-gray);
  }
}

.button5 {
  /* footer-knap */
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* ==================================== SCROLLBAR ==================================== */
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: var(--primary-green);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-green);
}

/* ========================== ASKA LOGO LOADER =============================== */
#loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  overflow: hidden;
  background: var(--overlay);
  text-align: center;
}

.spinner {
  background-image: url(/images/fav_icon.svg);
  background-repeat: no-repeat;
  width: 300px;
  height: 300px;
  -webkit-animation: fade 1s infinite;
  animation: fade 1s infinite;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 0.4s, opacity 0.4s linear;
  transition: visibility 0s 0.4s, opacity 0.4s linear;
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
  }
}

/* ==================================== MENU NAV ==================================== */
.burger {
  width: 40px;
  position: absolute;
  right: 15px;
  top: 25px;
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .burger {
    display: none;
  }
}

.line {
  background-color: var(--secondary-black);
  height: 3px;
  width: 40px;
  border-radius: 15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.line2 {
  margin: 10px 0 10px 0;
}

.open .line1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 10px);
  transform: rotate(-45deg) translate(-9px, 10px);
  background-color: var(--secondary-black);
}

.open .line2 {
  opacity: 0;
  background-color: var(--secondary-black);
}

.open .line3 {
  -webkit-transform: rotate(45deg) translate(-9px, -9px);
  transform: rotate(45deg) translate(-9px, -9px);
  background-color: var(--secondary-black);
}

header {
  background-color: var(--primary-white);
  position: fixed;
  top: 0;
  width: 100vw;
  height: 73px;
  z-index: 999;
  border-bottom: 6px solid var(--primary-green);
}

.logo {
  margin: 5px;
  width: 175px;
  height: 100px;
  position: absolute;
  z-index: 3;
}

@media screen and (min-width: 992px) {
  .logo {
    margin: 10px;
    width: 175px;
  }
}

.nav-list {
  display: none;
  text-align: center;
  background: var(--primary-white);
  padding: 100px 0 0 0;
  height: 500px;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}

@media screen and (min-width: 992px) {
  header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 5px solid var(--primary-green);
  }
  header > a {
    width: 175px;
  }
  nav {
    width: 100%;
    height: 100%;
    background: transparent;
  }
  .nav-list {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    padding: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .nav-list:last-child {
    margin: 0 20px 0 0;
  }
}

.nav-list a:hover {
  text-decoration: underline;
}

.nav-link {
  font-family: var(--primary-heading);
  font-size: 1.4em;
  margin: 0 15px;
  padding: 25px 0;
  border-bottom: 1px solid var(--primary-green);
}

@media screen and (min-width: 992px) {
  .nav-link {
    border: none;
  }
}

.menu-open {
  display: block;
}

/* ================================= LOGIN SECTION ==================================*/
#firebase-auth-container {
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.login-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#loginPassword {
  margin: 15px 0;
}

.modal-footer {
  width: 100%;
  height: 100%;
  background-color: var(--overlay);
  -webkit-backdrop-filter: blur(2px) grayscale(0.8);
          backdrop-filter: blur(2px) grayscale(0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  text-align: center;
}

.modal-text-footer {
  background-color: var(--primary-gray);
  height: 370px;
  width: 80%;
  color: var(--primary-white);
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}

.modal-footer span {
  font-size: 50px;
  margin: 10px 10px 0 0;
  cursor: pointer;
}

/* ================================= ADMIN SECTION ==================================*/
.flex3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* ==================================== HERO INDEX PAGE ==================================== */
.frontpage-hero {
  background-position: top;
  height: 90vh;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-animation: fadeIn linear 1s;
          animation: fadeIn linear 1s;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media screen and (min-width: 600px) {
  .frontpage-hero {
    height: 100vh;
  }
}

.hero1 {
  background-image: url(/images/hero1.jpg);
}

.hero2 {
  background-image: url(/images/hero2.jpg);
}

.hero3 {
  background-image: url(/images/hero3.jpg);
}

.hero-wrapper {
  position: relative;
  height: 90vh;
}

@media screen and (min-width: 600px) {
  .hero-wrapper {
    height: 75vh;
  }
}

.hero-text {
  -webkit-transition: 4s ease-in-out content;
  transition: 4s ease-in-out content;
  width: 95%;
  margin: 0 auto 20px auto;
  text-shadow: var(--primary-black) 1px 0 10px;
}

@media screen and (min-width: 600px) {
  .hero-text {
    width: 65%;
  }
}

.hero-section {
  height: 90vh;
}

.background_filter_hero {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* ==================================== HERO BUTTON SECTION INDEX PAGE ==================================== */
.button-section a {
  text-decoration: none;
}

.button-section {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (40vw)[3];
      grid-template-columns: repeat(3, 40vw);
  overflow: scroll;
  gap: 30px;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  position: relative;
  height: 210px;
  margin-top: -60px;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

@media screen and (min-width: 600px) {
  .button-section {
    -ms-grid-columns: (20vw)[3];
        grid-template-columns: repeat(3, 20vw);
    width: 80%;
    margin: 0 auto;
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    height: 275px;
    text-align: center;
    margin-top: 120px;
  }
}

.button-section::-webkit-scrollbar {
  display: none;
}

/* ==================================== MEDLEMSFORDELE SECTION INDEX PAGE ==================================== */
.medlemsfordele {
  text-align: center;
}

.modal-text-p-medlemsfordel {
  height: 230px;
  padding: 0 10px;
  overflow: scroll;
}

.container2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  -ms-grid-rows: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 30px 0px;
  text-align: center;
  grid-auto-flow: row;
      grid-template-areas: "ostanlaegget teigar-rideudstyr" "klubdage staevner" "pet-house saxild" "nymedlemsfordel nymedlemsfordel";
}

@media screen and (min-width: 600px) {
  .container2 {
    width: 80%;
    margin: auto;
    height: 60vh;
    -ms-grid-columns: 1.1fr 0.9fr 1fr 1fr;
        grid-template-columns: 1.1fr 0.9fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px 20px;
        grid-template-areas: "ostanlaegget pet-house teigar-rideudstyr teigar-rideudstyr" "ostanlaegget saxild saxild klubdage" "ostanlaegget staevner staevner klubdage" "ostanlaegget staevner staevner klubdage" "nymedlemsfordel nymedlemsfordel nymedlemsfordel nymedlemsfordel";
  }
}

.grid-img {
  position: relative;
  background-position: center;
  height: 160px;
  width: 160px;
  background-size: cover;
  background-repeat: no-repeat;
  margin: auto;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media screen and (min-width: 600px) {
  .grid-img {
    width: 100%;
    height: 100%;
  }
}

.grid-overlay {
  position: absolute;
  z-index: 3;
  height: 100%;
  width: 100%;
  -webkit-backdrop-filter: grayscale(20);
          backdrop-filter: grayscale(20);
}

.container2 button {
  z-index: 4;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

@media screen and (min-width: 992px) {
  .container2 button:hover {
    height: 100%;
  }
}

.ostanlaegget {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: ostanlaegget;
  overflow: hidden;
  background-image: url(/images/ridekort-til-osteranlaegget.jpg);
}

.teigar-rideudstyr {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: teigar-rideudstyr;
  overflow: hidden;
  background-image: url(/images/teigar.jpg);
}

.klubdage {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: klubdage;
  overflow: hidden;
  background-image: url(/images/gulbil.jpg);
}

.staevner {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: staevner;
  overflow: hidden;
  background-image: url(/images/om-aska-staevner.jpg);
}

.pet-house {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: pet-house;
  overflow: hidden;
  background-image: url(/images/pethouse.jpg);
}

.saxild {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: saxild;
  overflow: hidden;
  background-image: url(/images/saxild_naturfoder.jpg);
}

.nymedlemsfordel {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: nymedlemsfordel;
  overflow: hidden;
  background-image: url(/images/gratis-benyttelse-af-faciliteter.jpg);
  width: 100%;
}

.modal {
  width: 100%;
  height: 100%;
  background-color: var(--overlay);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal-text {
  width: 90%;
  height: 400px;
  background-color: var(--primary-green);
  margin: 50% auto;
  color: var(--primary-white);
  padding-bottom: 15px;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}

@media screen and (min-width: 600px) {
  .modal-text {
    margin: 12% auto;
    width: 70%;
    height: 510px;
  }
}

.modal-text-p {
  overflow-y: scroll;
  height: 300px;
}

@media screen and (min-width: 600px) {
  .modal-text-p {
    height: 400px;
  }
}

.modal span {
  font-size: 50px;
  margin-right: 10px;
  cursor: pointer;
}

.modal span:hover {
  color: var(--secondary-gray);
}

.modal h3 {
  margin-top: 0;
}

.line4 {
  width: 70%;
  height: 2px;
  background-color: var(--primary-white);
  margin: 10px auto;
}

@media screen and (min-width: 600px) {
  .line4 {
    width: 40%;
    margin: 25px auto;
  }
}

.flex2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (min-width: 600px) {
  .flex2 {
    gap: 10px;
  }
}

.modal-content {
  padding: 0 20px;
}

/* ==================================== HURTIG LINKS SECTION INDEX PAGE ==================================== */
.hurtiglinks {
  text-align: center;
}

.button-section2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

@media screen and (min-width: 992px) {
  .button-section2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 25px;
  }
}

/* ==================================== VILHELMSBORG SECTION INDEX PAGE ==================================== */
.vilhelmsborg {
  background-color: white;
}

.vilhelmsborg_flex {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
      grid-template-columns: 100%;
  -ms-grid-rows: 150px 150px 150px 150px;
      grid-template-rows: 150px 150px 150px 150px;
  height: 600px;
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 600px) {
  .vilhelmsborg_flex {
    -ms-grid-columns: 50% 50%;
        grid-template-columns: 50% 50%;
    -ms-grid-rows: 100%;
        grid-template-rows: 100%;
    height: 400px;
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 992px) {
  .vilhelmsborg_flex {
    width: 80%;
  }
}

.vilhelmsborg_map {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1/5;
  background-image: url("/images/map.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 600px) {
  .vilhelmsborg_map {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.vilhelmsborg-text {
  text-align: center;
  width: 90%;
  padding: 10px;
  margin: 40px auto 40px auto;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  background-color: var(--secondary-gray);
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 3/5;
}

@media screen and (min-width: 600px) {
  .vilhelmsborg-text {
    padding: 30px;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    text-align: left;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.vb-logo {
  width: 300px;
  padding: 15px;
}

@media screen and (min-width: 600px) {
  .vb-logo {
    width: 350px;
    padding: 15px 0;
  }
}

/* ==================================== SPONSOR SLIDE SECTION INDEX PAGE ==================================== */
.sponsorer {
  padding: 25px;
  text-align: center;
  background-color: white;
}

.sponsor_logo img {
  width: 100px !important;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  margin: 0 10px;
}

.sponsor_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-animation-name: sponsor;
          animation-name: sponsor;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  position: relative;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.sponsor_logo_container {
  width: 100%;
  overflow: hidden;
}

.glide__slides {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.glide__slides img {
  width: 100px;
  -webkit-filter: grayscale(50);
          filter: grayscale(50);
}

.glide__slides img:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

@-webkit-keyframes sponsor {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

@keyframes sponsor {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

/* ==================================== SoMe SECTION INDEX PAGE ==================================== */
.some-section {
  background-image: url(/images/some-background.jpg);
  background-size: cover;
  background-position: center;
}

.some_flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 800px;
  margin: 0 auto;
}

@media screen and (min-width: 600px) {
  .some_flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.background_filter {
  -webkit-backdrop-filter: blur(2px) grayscale(0.8);
          backdrop-filter: blur(2px) grayscale(0.8);
}

.background_filter_hero {
  -webkit-backdrop-filter: blur(0) grayscale(0.8);
          backdrop-filter: blur(0) grayscale(0.8);
}

.instagram_widget_grid,
.facebook_widget_grid {
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  border: 4px solid rgba(85, 126, 84, 0.1);
  background-color: var(--primary-green-opacity);
  display: block;
  margin: 50px auto;
  height: 400px;
}

@media screen and (min-width: 992px) {
  .instagram_widget_grid:hover {
    background-color: var(--primary-gray-opacity);
    border: 4px solid #707070, 0.1;
  }
  .facebook_widget_grid:hover {
    background-color: var(--primary-gray-opacity);
    border: 4px solid #707070, 0.1;
  }
}

.widget_text {
  text-align: center;
  width: 280px;
  padding: 10px;
  color: var(--primary-white);
}

/* ==================================== EVENT CALENDAR PAGE ==================================== */
.page-height {
  min-height: 80vh;
}

.center {
  text-align: center;
}

.event-grid-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  padding: 1em;
  gap: 1em;
}

@media (min-width: 600px) {
  .event-grid-container {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .event-grid-container {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
  }
}

.event-grid-container > article {
  text-align: center;
  padding: 2em 1em;
  background-color: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  -webkit-animation: fadeIn 0.4s;
          animation: fadeIn 0.4s;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  min-width: 250px;
  height: 300px;
}

.filter-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 170px;
  margin-left: 20px;
}

@media screen and (min-width: 600px) {
  .filter-buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    height: 40px;
  }
}

.filter-buttons > div > label {
  font-family: var(--primary-text);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.eventCheckBox {
  display: none;
}

.checkbox_box {
  height: 25px;
  width: 25px;
  background-color: white;
  margin: 0 5px 0 0;
  border: 3px solid var(--primary-green);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  border-radius: 8px;
}

.checkbox_box::after {
  color: white;
}

.eventCheckBox:checked + .checkbox_box {
  background: var(--primary-green);
}

.search-bar {
  width: 345px;
  height: 25px;
  display: block;
  margin: 20px auto 0 auto;
  font-family: var(--primary-text);
  border: 3px solid var(--primary-green);
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  border-radius: 25px;
  padding: 20px;
}

@media screen and (min-width: 600px) {
  .search-bar {
    margin: 20px auto 40px auto;
  }
}

#calender-modal {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.line5 {
  width: 30%;
  height: 2px;
  background-color: var(--primary-green);
  margin: 10px 0;
}

@media screen and (min-width: 600px) {
  .line5 {
    width: 40%;
  }
}

.article_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

/* ==================================== PAGES GRID + GENERAL ==================================== */
.section-button {
  margin: 10px auto 0 auto;
  width: 240px;
  display: block;
}

.container3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
  padding: 0 15px;
  margin: 0 auto;
  gap: 30px 0px;
  grid-auto-flow: row;
      grid-template-areas: "a b" "c d" "e f" "g g";
}

@media (min-width: 600px) {
  .container3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.1fr 0.9fr 1fr 1fr;
        grid-template-columns: 1.1fr 0.9fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    max-width: 1050px;
    height: 70vh;
    gap: 20px 20px;
    grid-auto-flow: row;
        grid-template-areas: "a b c c" "a d d e" "a f f e" "a f f e" "g g g g";
  }
}

.a,
.b,
.c,
.d,
.e,
.f {
  width: 95%;
}

.a,
.c,
.e {
  margin-right: 5%;
}

.b,
.d,
.f {
  margin-left: 5%;
}

.a {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: a;
}

.b {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: b;
}

.c {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: c;
}

.d {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: d;
}

.e {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: e;
}

.f {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: f;
}

.g {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: g;
  width: 100%;
}

@media (min-width: 600px) {
  .a,
  .b,
  .c,
  .d,
  .e,
  .f {
    width: 100%;
    margin: 0;
  }
}

.modal-text3,
.modal-text2 {
  width: 85%;
  min-height: 508px;
  background-color: var(--primary-white);
  margin: 0 auto;
  color: var(--primary-black);
  border-radius: 20px;
  border: 5px solid var(--primary-green);
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}

@media screen and (min-width: 992px) {
  .modal-text3,
  .modal-text2 {
    width: 65%;
    height: auto;
    min-height: 615px;
  }
}

.modal-img {
  height: 100px;
  background-size: cover;
  border-radius: 0 0 13px 13px;
}

/* ==================================== OM ASKA PAGE ==================================== */
.om-aska .a {
  background-image: url(/images/aska-udvalg.jpg);
  background-position: right;
}

.om-aska .b {
  background-image: url(/images/logo_aska.svg);
}

.om-aska .c {
  background-image: url(/images/hero1.jpg);
}

.om-aska .d {
  background-image: url(/images/aska-vedtaegter.jpg);
  background-position-y: 70%;
}

.om-aska .e {
  background-image: url(/images/bliv-staldambassador.jpg);
}

.om-aska .f {
  background-image: url(/images/aska-vaerdier.jpg);
  background-position-y: 30%;
}

.om-aska .g {
  background-image: url(/images/kontakt.jpg);
}

#calender-modal2 .modal-img {
  -webkit-mask-image: url(/images/aska-udvalg.jpg);
          mask-image: url(/images/aska-udvalg.jpg);
  background-image: url(/images/aska-udvalg.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 65%;
}

#calender-modal3 .modal-img {
  -webkit-mask-image: url(/images/logo_aska.svg);
          mask-image: url(/images/logo_aska.svg);
  background-image: url(/images/logo_aska.svg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 45%;
}

#calender-modal4 .modal-img {
  -webkit-mask-image: url(/images/hero1.jpg);
          mask-image: url(/images/hero1.jpg);
  background-image: url(/images/hero1.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 35%;
}

#calender-modal5 .modal-img {
  -webkit-mask-image: url(/images/aska-vedtaegter.jpg);
          mask-image: url(/images/aska-vedtaegter.jpg);
  background-image: url(/images/aska-vedtaegter.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 75%;
}

#calender-modal6 .modal-img {
  -webkit-mask-image: url(/images/bliv-staldambassador.jpg);
          mask-image: url(/images/bliv-staldambassador.jpg);
  background-image: url(/images/bliv-staldambassador_optimized.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 55%;
}

#calender-modal7 .modal-img {
  -webkit-mask-image: url(/images/aska-vaerdier.jpg);
          mask-image: url(/images/aska-vaerdier.jpg);
  background-image: url(/images/aska-vaerdier.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 30%;
}

#calender-modal8 .modal-img {
  -webkit-mask-image: url(/images/kontakt.jpg);
          mask-image: url(/images/kontakt.jpg);
  background-image: url(/images/kontakt_optimized.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 65%;
}

.bestyrelse-img {
  width: 100%;
}

@media screen and (min-width: 600px) {
  .bestyrelse-img {
    width: 80%;
  }
}

@media screen and (min-width: 600px) {
  .bestyrelse-grid {
    display: -ms-grid;
    display: grid;
    text-align: center;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        grid-template-areas: "bestyrelses-grid-one bestyrelses-grid-two";
  }
  .bestyrelse-grid-one {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: bestyrelses-grid-one;
  }
  .bestyrelse-grid-two {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: bestyrelses-grid-two;
  }
}

/* ==================================== BLIV EN DEL AF ASKA PAGE ====================================*/
.bliv-en-del-af-aska .a {
  background-image: url(/images/bliv-medlem.jpg);
}

.bliv-en-del-af-aska .b {
  background-image: url(/images/aska-medlemmer.jpg);
}

.bliv-en-del-af-aska .c {
  background-image: url(/images/bliv-staldambassador.jpg);
}

.bliv-en-del-af-aska .d {
  background-image: url(/images/tilmeld-nyhedsbrev.jpg);
}

.bliv-en-del-af-aska .e {
  background-image: url(/images/bliv-frivillig.jpg);
}

.bliv-en-del-af-aska .f {
  background-image: url(/images/bliv-sponsor.jpg);
}

.bliv-en-del-af-aska .g {
  background-image: url(/images/webshop.jpg);
  background-position-y: 39%;
}

#calender-modal9 .modal-img {
  -webkit-mask-image: url(/images/bliv-medlem.jpg);
          mask-image: url(/images/bliv-medlem.jpg);
  background-image: url(/images/bliv-medlem.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 20%;
}

#calender-modal10 .modal-img {
  -webkit-mask-image: url(/images/aska-medlemmer.jpg);
          mask-image: url(/images/aska-medlemmer.jpg);
  background-image: url(/images/aska-medlemmer.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 50%;
}

#calender-modal11 .modal-img {
  -webkit-mask-image: url(/images/bliv-staldambassador.jpg);
          mask-image: url(/images/bliv-staldambassador.jpg);
  background-image: url(/images/bliv-staldambassador.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 50%;
}

#calender-modal12 .modal-img {
  -webkit-mask-image: url(/images/tilmeld-nyhedsbrev.jpg);
          mask-image: url(/images/tilmeld-nyhedsbrev.jpg);
  background-image: url(/images/tilmeld-nyhedsbrev.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 60%;
}

#calender-modal13 .modal-img {
  -webkit-mask-image: url(/images/bliv-frivillig.jpg);
          mask-image: url(/images/bliv-frivillig.jpg);
  background-image: url(/images/bliv-frivillig.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 55%;
}

#calender-modal14 .modal-img {
  -webkit-mask-image: url(/images/bliv-sponsor.jpg);
          mask-image: url(/images/bliv-sponsor.jpg);
  background-image: url(/images/bliv-sponsor.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 58%;
}

/* ==================================== ASKA STAEVNER PAGE ====================================*/
.aska-staevner .a {
  background-image: url(/images/om-aska-staevner.jpg);
}

.aska-staevner .b {
  background-image: url(/images/kontakt_staevneudvalg.jpg);
}

.aska-staevner .c {
  background-image: url(/images/hero3.jpg);
}

@media screen and (min-width: 600px) {
  .aska-staevner .d {
    background-position-y: 16%;
  }
}

.aska-staevner .d {
  background-image: url(/images/staevneudvalg.jpg);
}

.aska-staevner .e {
  background-image: url(/images/sponsorer.jpg);
}

.aska-staevner .f {
  background-image: url(/images/kalender-og-tilmelding.jpg);
}

.aska-staevner .g {
  background-image: url(/images/webshop.jpg);
  background-position-y: 39%;
}

#calender-modal16 .modal-img {
  -webkit-mask-image: url(/images/om-aska-staevner.jpg);
          mask-image: url(/images/om-aska-staevner.jpg);
  background-image: url(/images/om-aska-staevner.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 16%;
}

#calender-modal17 .modal-img {
  -webkit-mask-image: url(/images/kontakt_staevneudvalg.jpg);
          mask-image: url(/images/kontakt_staevneudvalg.jpg);
  background-image: url(/images/kontakt_staevneudvalg.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 49%;
}

#calender-modal19 .modal-img {
  -webkit-mask-image: url(/images/staevneudvalg.jpg);
          mask-image: url(/images/staevneudvalg.jpg);
  background-image: url(/images/staevneudvalg.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 22%;
}

.fb-page-widget {
  height: 100%;
  width: 100%;
}

.mobile-widget {
  display: block;
}

.desktop-widget {
  display: none;
}

@media (min-width: 600px) {
  .mobile-widget {
    display: none;
  }
  .desktop-widget {
    display: block;
  }
}

/* ==================================== ASKA UNGDOM PAGE ==================================== */
.aska-ungdom .a {
  background-image: url(/images/bliv-medlem_ungdom.jpg);
}

.aska-ungdom .b {
  background-image: url(/images/til-foraeldre.jpg);
}

.aska-ungdom .c {
  background-image: url(/images/om-aska-ungdom.jpg);
}

.aska-ungdom .d {
  background-image: url(/images/undervisning-og-laering.jpg);
}

.aska-ungdom .e {
  background-image: url(/images/faellesskab.jpg);
}

.aska-ungdom .f {
  background-image: url(/images/junior-og-ungdomsudvalg.jpg);
}

.aska-ungdom .g {
  background-image: url(/images/webshop.jpg);
}

#calender-modal23 .modal-img {
  -webkit-mask-image: url(/images/bliv-medlem_ungdom.jpg);
          mask-image: url(/images/bliv-medlem_ungdom.jpg);
  background-image: url(/images/bliv-medlem_ungdom.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 20%;
}

#calender-modal24 .modal-img {
  -webkit-mask-image: url(/images/til-foraeldre.jpg);
          mask-image: url(/images/til-foraeldre.jpg);
  background-image: url(/images/til-foraeldre.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 53%;
}

#calender-modal25 .modal-img {
  -webkit-mask-image: url(/images/om-aska-ungdom.jpg);
          mask-image: url(/images/om-aska-ungdom.jpg);
  background-image: url(/images/om-aska-ungdom.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 43%;
}

#calender-modal26 .modal-img {
  -webkit-mask-image: url(/images/undervisning-og-laering.jpg);
          mask-image: url(/images/undervisning-og-laering.jpg);
  background-image: url(/images/undervisning-og-laering.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 43%;
}

#calender-modal27 .modal-img {
  -webkit-mask-image: url(/images/faellesskab.jpg);
          mask-image: url(/images/faellesskab.jpg);
  background-image: url(/images/faellesskab.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 33%;
}

#calender-modal28 .modal-img {
  -webkit-mask-image: url(/images/junior-og-ungdomsudvalg.jpg);
          mask-image: url(/images/junior-og-ungdomsudvalg.jpg);
  background-image: url(/images/junior-og-ungdomsudvalg.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 48%;
}

/* ==================================== ASKA TURE PAGE ====================================*/
.aska-ture {
  height: 80vh;
}

.ture-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
  margin: 0 auto;
  padding: 0 15px;
      grid-template-areas: "ture-grid-one ture-grid-two";
}

.ture-grid-one,
.foredrag-grid-one {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: ture-grid-one;
  width: 95%;
  margin-right: 5%;
}

.ture-grid-one {
  background-image: url(/images/om_aska_ture.jpg);
}

.ture-grid-two,
.foredrag-grid-two {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: ture-grid-two;
  width: 95%;
  margin-left: 5%;
}

.ture-grid-two {
  background-image: url(/images/vis_dit_rideterrean.jpg);
}

#calender-modal30 .modal-img {
  -webkit-mask-image: url(/images/om_aska_ture.jpg);
          mask-image: url(/images/om_aska_ture.jpg);
  background-image: url(/images/om_aska_ture.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 53%;
}

#calender-modal31 .modal-img {
  -webkit-mask-image: url(/images/vis_dit_rideterrean.jpg);
          mask-image: url(/images/vis_dit_rideterrean.jpg);
  background-image: url(/images/vis_dit_rideterrean.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 46%;
}

@media (min-width: 600px) {
  .ture-grid {
    height: 275px;
    max-width: 1050px;
  }
  .ture-grid-one {
    margin: 0;
  }
  .ture-grid-two {
    margin: 0;
  }
}

/* ==================================== ASKA FOREFRAG OG KURSUS PAGE ====================================*/
.foredrag-grid-one {
  background-image: url(/images/kursus.jpg);
  background-position-y: 70%;
}

.foredrag-grid-two {
  background-image: url(/images/foredrag.jpg);
  background-position-y: 40%;
}

#calender-modal32 .modal-img {
  -webkit-mask-image: url(/images/kursus.jpg);
          mask-image: url(/images/kursus.jpg);
  background-image: url(/images/kursus.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 58%;
}

#calender-modal33 .modal-img {
  -webkit-mask-image: url(/images/foredrag.jpg);
          mask-image: url(/images/foredrag.jpg);
  background-image: url(/images/foredrag.jpg);
  -webkit-mask-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0));
  background-position-y: 35%;
}

/* ==================================== FOOTER ==================================== */
footer {
  background-color: var(--primary-white);
  padding: 0 20px;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  line-height: 24px;
}

@media screen and (min-width: 600px) {
  .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    line-height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
}

.flex_content {
  width: 300px;
  text-align: center;
  margin: 20px auto;
}

.some-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  margin: 15px auto 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 600px) {
  .some-icons {
    gap: 20px;
  }
}

.iconify {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

@media screen and (min-width: 600px) {
  .iconify {
    width: 45px;
    height: 45px;
  }
}

.copyright {
  text-align: center;
  padding-bottom: 10px;
}

@media screen and (min-width: 600px) {
  .text_right_desktop {
    text-align: right;
  }
  .text_left_desktop {
    text-align: left;
  }
}

/*============================== ADMIN ===============================*/
.sponsor_editable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.admin-img {
  width: 50%;
  display: block;
  margin: 0 auto;
}

.sponsor-buttons {
  float: bottom;
}

.sponsorForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 180px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.sponsorForm_center {
  width: 220px;
}

#btn-create {
  margin-top: 10px;
}

.image-preview {
  height: 80px;
  margin: 10px auto;
}

.calenderform-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  width: 250px;
  font-family: var(--primary-text);
}

.edit-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 80vw;
  margin: 0 auto;
  height: 1900px;
}

@media screen and (min-width: 992px) {
  .edit-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 1000px;
  }
}

.bytheway {
  width: 300px;
  font-size: 14px;
}

.event-input {
  width: 300px;
  border: 3px solid var(--primary-green);
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  border-radius: 25px;
  padding: 10px;
}

#eventCategories-update,
#eventCategories {
  height: 150px;
}
/*# sourceMappingURL=style.css.map */