/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* Changes for bootstrap */
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  padding-right: 0;
  padding-left: 0;
}

.navbar {
  background-image: none;
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.spil .navbar .container {
  background-color: #149356;
}
.navbar .container {
  background-color: #91cfde;
  box-shadow: 2px 0px 2px;
}

.navbar-brand {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 40px;
}
.navbar-brand img {
  width: 300px;
}

ul.navbar-nav {
  margin-right: 40px;
}

.navbar-light .navbar-nav .nav-link {
  font-family: myriad-pro-semiextended,sans-serif;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}

/* End custom bootstrap */

/* General typografi */

body {
  font-family: myriad-pro,sans-serif;
  background-color: #8DE196;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

.emma_victor {
  display: block;
  width: 160px;
  position: absolute;
  left: 116px;
  top: -36px;
  z-index: 9999;
}
@media (min-width: 992px) {
  .emma_victor {
    width: 160px;
  }
}
@media (min-width: 1200px) {
  .emma_victor {
    width: 200px;
    left: 97px;
  }
}

.container button.tilbage {
  background-color: #BD617B;
  border-color: #1D1D1B;
  font-weight: 900;
  font-style: normal;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 24px;
  vertical-align: top;
  margin-left: 60px;
  margin-top: -40px;
}
.container button.tilbage:hover {
    background-color: rgba(0, 0, 0, 0.7);
    border-color: #fff;
}

.fodbold {
  display: block;
  width: 40px;
  position: absolute;
  left: 64px;
  top: 182px;
  z-index: 1;
}

.blomst_1 {
  display: block;
  width: 40px;
  position: absolute;
  left: 286px;
  top: 56px;
  z-index: 1;
}

.buskbi {
  display: none;
}
@media (min-width: 992px) {
  .buskbi {
    display: block;
    width: 146px;
    position: absolute;
    left: 392px;
    top: -52px;
    z-index: 1;
  }
}


.oern {
  display: none;
}
@media (min-width: 992px) {
  .oern {
    display: block;
    width: 138px;
    position: absolute;
    left: 550px;
    top: -70px;
    z-index: 1;
  }
}

.plakat {
  display: block;
  width: 66px;
  z-index: 1;
}

.sommerfugl {
  display: block;
  width: 53px;
  position: absolute;
  left: 62px;
  top: -26px;
  z-index: 3;
}

.papegoeje {
  display: block;
  width: 130px;
  position: absolute;
  left: 65px;
  top: -72px;
  z-index: 3;
}

.andedam {
  display: none;
}
@media (min-width: 992px) {
  .andedam {
    display: none;
  }
}
@media (min-width: 1200px) {
  .andedam {
    display: block;
    width: 268px;
    position: absolute;
    left: 843px;
    top: 86px;
    z-index: 1;
  }
}

.busk {
  display: none;
}
@media (min-width: 992px) {
  .busk {
    display: block;
    width: 86px;
    position: absolute;
    left: 212px;
    top: 444px;
    z-index: 1;
  }
}
@media (min-width: 1200px) {
  .busk {
    left: 248px;
  }
}

.mus{
  display: none;
}
@media (min-width: 992px) {
  .mus{
    display: block;
    width: 112px;
    position: absolute;
    left: 144px;
    top: 516px;
    z-index: 1;
  }
}
@media (min-width: 1200px) {
  .mus{
    left: 190px;
  }
}

.buske {
  display: block;
  width: 207px;
  position: absolute;
  left: 66px;
  top: 365px;
  z-index: 1;
}
@media (min-width: 992px) {
  .buske {
    left: 445px;
    top: 357px;
  }
}
@media (min-width: 1200px) {
  .buske {
    left: 471px;
    top: 365px;
  }
}

.maage {
  display: none;
}
@media (min-width: 992px) {
  .maage {
    display: none;
  }
}
@media (min-width: 1200px) {
  .maage {
    display: block;
    width: 107px;
    position: absolute;
    left: 133px;
    top: 168px;
    z-index: 3;
  }
}

.krage {
  display: block;
  width: 74px;
  position: absolute;
  left: 113px;
  top: -42px;
  z-index: 3;
}

.myg {
  display: block;
  width: 49px;
  position: absolute;
  left: 141px;
  top: 13px;
  z-index: 3;
}

.firben {
  display: block;
  width: 122px;
  position: absolute;
  left: 66px;
  top: 643px;
  z-index: 3;
}
@media (min-width: 992px) {
  .firben {
    left: 410px;
  }
}
@media (min-width: 1200px) {
  .firben {
    left: 462px;
  }
}

.blomst_2 {
  display: none;
  width: 104px;
  position: absolute;
  left: 370px;
  top: 643px;
  z-index: 3;
}
@media (min-width: 992px) {
  .blomst_2 {
    display: block;
    left: 576px;
  }
}
@media (min-width: 992px) {
  .blomst_2 {
    left: 530px;
  }
}

.mariehoene {
  display: block;
  width: 36px;
  position: absolute;
  left: 124px;
  top: 34px;
  z-index: 3;
}

.trae {
  display: none;
}
@media (min-width: 992px) {
  .trae {
    display: block;
      width: 150px;
      position: absolute;
      left: 755px;
      top: 483px;
      z-index: 3;
  }
}
@media (min-width: 1200px) {
  .trae {
    display: block;
    width: 170px;
    position: absolute;
    left: 895px;
    top: 504px;
    z-index: 3;
  }
}

.pelikan {
  display: none;
  width: 158px;
  position: absolute;
  left: 377px;
  top: 1911px;
  z-index: 3;
}
@media (min-width: 992px) {
  .pelikan {
    display: block;
    left: 138px;
    top: 1026px;
  }
}

.spil .lag_baggrund {
  background-image: none;);
  background-color: #149356;
}

.lag_baggrund {
  background-image: none;);
  background-color: #91cfde;
  position: relative;
  box-shadow: 2px 2px 2px;
  top: -2px;
}
@media (min-width: 992px) {
  .lag_baggrund {
    background-image: url('../img/EmmaVictor_bg2.png');
    background-size: 100%;
    background-repeat: no-repeat;
    box-shadow: 2px 2px 2px;
    top: -2px;
  }
}
@media (min-width: 1200px) {
  .lag_baggrund {
    background-image: url('../img/EmmaVictor_bg2.png');
    background-size: 100%;
    background-repeat: no-repeat;
    box-shadow: 2px 2px 2px;
    top: -2px;
  }
}

.header {
  position: relative;
  right: 0;
  margin-right: 40px;
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  z-index: 1;
}

.header .header_left {
  margin-top: 39px;
  margin-right: 20px;
}
.header_left .header_left_link {
  text-transform: uppercase;
  text-decoration: none;
  color: #194761;
  font-size: 11px;
  font-weight: bold;
}

.header_left .header_left_link::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  margin-left: 6px;
  margin-top: 6px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #194761;
}

.header .header_right {
}

.lag_ovaler {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

 .oval {
   position: relative;
   z-index: 1;
   width: 1600px;
   height: 1000px;
   top: 60px;
   left: -230px;
   background: #009154;
   border-radius: 50%;
   border: 2px solid black;
 }
 @media (min-width: 992px) {
   .oval {
     width: 1320px;
     height: 825px;
     top: 60px;
     left: -164px;
   }
 }
 @media (min-width: 1200px) {
 .oval {
   width: 1600px;
   height: 1000px;
   top: 60px;
   left: -230px;
 }
}
 .oval_emmavictor {
   position: relative;
   z-index: 1;
   width: 100%;
   height: 500px;
   top: 0px;
   background: #a1f0e6;
   border-radius: 50%;
   border: 2px solid black;
   margin-top: 40px;
 }
 @media (min-width: 992px) {
   .oval_emmavictor {
     left: 295px;
     width: 640px;
     top: -45px;
     margin-top: 0;
   }
 }
 @media (min-width: 1200px) {
   .oval_emmavictor {
     width: 800px;
     top: -27px;
   }
 }

  .oval_emmavictor_inner {
    display: flex;
  }

 .oval_emmavictor .oval_emmavictor_inner_left {
   width: 400px;
   padding: 0 56px;
   text-align: center;
   margin-top: 100px;
 }

 @media (min-width: 992px) {
   .oval_emmavictor .oval_emmavictor_inner_left {
     width: 320px;
     padding: 0 56px;
     text-align: center;
     margin-top: 100px;
   }
 }
 @media (min-width: 1200px) {
   .oval_emmavictor .oval_emmavictor_inner_left {
     width: 400px;
     padding: 0 56px;
     text-align: center;
     margin-top: 100px;
   }
 }

 .oval_emmavictor .oval_emmavictor_inner_img {
   width: 179px;
 }

 .oval_emmavictor .oval_emmavictor_inner_right {
   display: flex;
   flex-wrap: wrap;
   width: 360px;
   margin-top: 130px;
 }

 @media (min-width: 992px) {
   .oval_emmavictor .oval_emmavictor_inner_right {
     display: flex;
     flex-wrap: wrap;
     width: 320px;
     margin-top: 130px;
     padding-right: 56px;
   }
 }
 @media (min-width: 1200px) {
   .oval_emmavictor .oval_emmavictor_inner_right {
     display: flex;
     flex-wrap: wrap;
     width: 360px;
     margin-top: 130px;
   }
 }

 .oval_emmavictor_inner_spil {
   flex: 50%;
 }

 .oval_emmavictor_inner_spil img {
    width: 100px;
 }

 .lag_cirkler {
   position: relative;
   height: auto;
 }
 @media (min-width: 992px) {
   .lag_cirkler {
     position: relative;
     height: 675px;
   }
 }

 .circle {
   position: relative;
   z-index: 2;
   width: 225px;
   height: 225px;
   background: #8ce194;
   border-radius: 50%;
   border: 1px solid black;
   margin: 0 auto;
   margin-top: 40px;
 }
 @media (min-width: 992px) {
   .circle {
     position: absolute;
     margin: 0;
     width: 190px;
     height: 190px;
   }
 }
 @media (min-width: 1200px) {
   .circle {
     width: 225px;
     height: 225px;
   }
 }

 .circle_inner {
   position: relative;
   text-align: center;
 }

 .circle_inner h3 {
   font-weight: 900;
   color: #194761;
   font-size: 21px;
   text-transform: uppercase;
   margin-top: 10px;
 }

 .circle_inner p {
   font-family: myriad-pro-semiextended,sans-serif;
   font-weight: 400;
   color: black;
   font-size: 12px;
   margin-bottom: 12px;
   line-height: 17px;
 }
 @media (min-width: 1200px) {
   .circle_inner p {
     font-size: 14px;
     margin-bottom: 1rem;
   }
 }

 .circle_inner a {
   font-family: myriad-pro-semiextended,sans-serif;
   color: #3379a8;
   font-size: 15px;
   text-decoration: none;
   text-transform: uppercase;
 }
 @media (min-width: 1200px) {
   .circle_inner a {
     font-size: 18px;
   }
 }


  .circle_inner_img {
    width: 50px;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
  }
  @media (min-width: 992px) {
    .circle_inner_img {
      width: 40px;
    }
  }
  @media (min-width: 1200px) {
    .circle_inner_img {
      width: 50px;
    }
  }
  .circle_inner_header {
  }
  .circle_inner_text {
  }
  .circle_inner_link {

  }

  .circle_inner_link::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    margin-left: 6px;
    margin-top: 6px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #3379a8;
}
@media (min-width: 992px) {
  .circle_inner_link::after {
    margin-top: 4px;
  }
}
@media (min-width: 1200px) {
  .circle_inner_link::after {
    margin-top: 6px;
  }
}

 .circle_1 {
   top: auto;
   left: auto;
   margin-top: 100px;
 }
 @media (min-width: 992px) {
   .circle_1 {
     margin-top: 0;
     top: 227px;
     left: 40px;
   }
 }
 @media (min-width: 1200px) {
   .circle_1 {
   }
 }

  .circle_1 .circle_inner_pil {
   top: -20px;
   left: 190px;
 }


 .circle_2 {
   top: auto;
   left: auto;
 }
 @media (min-width: 992px) {
   .circle_2 {
     top: 86px;
     left: 274px;
   }
 }
 @media (min-width: 1200px) {
   .circle_2 {
     top: 86px;
     left: 290px;
   }
 }

 .circle_3 {
   top: auto;
   left: auto;
 }
@media (min-width: 992px) {
  .circle_3 {
    top: 86px;
    left: 546px;
  }
}
@media (min-width: 1200px) {
  .circle_3 {
    top: 86px;
    left: 610px;
  }
}

 .circle_4 {
   top: auto;
   left: auto;
 }
 @media (min-width: 992px) {
   .circle_4 {
     top: 227px;
     left: 730px;
   }
 }
 @media (min-width: 1200px) {
   .circle_4 {
     top: 227px;
     left: 875px;
   }
 }

 .circle_5 {
   top: auto;
   left: auto;
 }
 @media (min-width: 992px) {
   .circle_5 {
     top: 365px;
     left: 553px;
   }
 }
 @media (min-width: 1200px) {
   .circle_5 {
     top: 365px;
     left: 638px;
   }
 }

 .circle_6 {
   top: auto;
   left: auto;
 }
 @media (min-width: 992px) {
   .circle_6 {
     top: 350px;
     left: 297px;
   }
 }
 @media (min-width: 1200px) {
   .circle_6 {
     top: 350px;
     left: 336px;
   }
 }

 .circle_7 {
   top: auto;
   left: auto;
 }
 @media (min-width: 992px) {
   .circle_7 {
     top: 550px;
     left: 98px;
   }
 }
 @media (min-width: 1200px) {
   .circle_7 {
     top: 550px;
     left: 98px;
   }
 }


 .lag_pile .pil {
    display: none;
    width: 130px;
    position: absolute;
    z-index: 3;
 }
 @media (min-width: 992px) {
   .lag_pile .pil {
      display: block;
   }
}
 .lag_pile .pil_1 {
   display: none;
 }
 @media (min-width: 992px) {
   .lag_pile .pil_1 {
     display: block;
     top: 217px;
     left: 196px;
   }
 }
 @media (min-width: 1200px) {
   .lag_pile .pil_1 {
     display: block;
     top: 234px;
     left: 213px;
   }
 }

 .lag_pile .pil_2 {
   display: none;
 }
 @media (min-width: 992px) {
   .lag_pile .pil_2 {
     display: block;
     top: 109px;
     left: 440px;
   }
 }
 @media (min-width: 1200px) {
   .lag_pile .pil_2 {
     display: block;
     top: 151px;
     left: 494px;
   }
 }

 .lag_pile .pil_3 {
   display: none;
 }
 @media (min-width: 992px) {
   .lag_pile .pil_3 {
     display: block;
     top: 198px;
     left: 685px;
   }
 }
 @media (min-width: 1200px) {
   .lag_pile .pil_3 {
     display: block;
     top: 215px;
     left: 790px;
   }
 }

 .lag_pile .pil_4 {
   display: none;
 }
 @media (min-width: 992px) {
   .lag_pile .pil_4 {
     display: block;
     top: 341px;
     left: 667px;
   }
 }
 @media (min-width: 1200px) {
   .lag_pile .pil_4 {
     display: block;
     top: 370px;
     left: 814px;
   }
 }

 .lag_pile .pil_5 {
   display: none;
 }
 @media (min-width: 992px) {
   .lag_pile .pil_5 {
     display: block;
     top: 405px;
     left: 460px;
   }
 }
 @media (min-width: 1200px) {
   .lag_pile .pil_5 {
     display: block;
     top: 407px;
     left: 531px;
   }
 }

 .lag_pile .pil_6 {
   display: none;
 }
 @media (min-width: 992px) {
   .lag_pile .pil_6 {
     display: block;
     top: 475px;
     left: 212px;
   }
 }
 @media (min-width: 1200px) {
   .lag_pile .pil_6 {
     display: block;
     top: 501px;
     left: 261px;
   }
 }

 .lag_pile .pil_7 {
   display: none;
 }
 @media (min-width: 992px) {
   .lag_pile .pil_7 {
     display: block;
     top: 667px;
     left: 249px;
   }
 }
 @media (min-width: 1200px) {
   .lag_pile .pil_7 {
     display: block;
     top: 706px;
     left: 253px;
   }
 }

 /* Login page */

 .container.page.login {
   padding-bottom: 0;
 }

form.login {
  padding: 150px 0px;
}

form.login .loginfejl {
  color: yellow;
}

form h2 {
  font-weight: 900;
  font-style: normal;
  color: #fff;
  font-size: 17px;
  text-transform: uppercase;
}

form.login .form-control {
  display: inline-block;
  width: 233px;
}

form.login button {
  background-color: #BD617B;
  border-color: #1D1D1B;
  font-weight: 900;
  font-style: normal;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 24px;
  vertical-align: top;
}
form.login button:hover {
    background-color: rgba(0, 0, 0, 0.7);
    border-color: #fff;
}


 /* End Login page */

 /* Page template */

.container.page {
  color: #fff;
  padding-top: 200px;
  padding-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
}
.container.page a {
  color: #fff;
}

 /* End Page template */

 /* dag template */

 .container.page.dag {
   color: #fff;
   padding-bottom: 50px;
   padding-left: 0;
   padding-right: 0;
 }
 /* End dag template */

 /* Spil template */

 .container.page.spil {
   color: #fff;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
 }

 .container.page.spil button.tilbage {
   margin-top: 0px;
 }

 /* End spil template */

 /* Om os */
 .container.page.omos h2 {
   text-align: center;
   text-transform: uppercase;
   color: #009355;
   margin-bottom: 40px;
   font-weight: 700;
 }
 .omos-container {
   background-color: #fff;

 }
 .omos-container-inner {
   padding: 60px;
   color: #000;
 }

 .container.page.omos button.tilbage {
   margin-left: 20px;
 }
 /* End Om os */

 /* Plakaten */
 .container.page.plakaten {
   text-align: left;
   padding-left: 0;
   padding-right: 0;
 }
 .container.page.plakaten img {
   width: 100%;
 }
 /* End Plakaten */