:root {
--testColorMain: #000000;
--testColorSecondary: #2F96E8;
}




div.logo-inline-style#mainNavbar > ul.navbar-nav > li > a {
color: #FFFFFF;
border-color: #FFFFFF !important;
}

div.stacked-style#mainNavbar > ul.navbar-nav {
background-color: rgba(239,239,239, 0.8) !important;
}

div.stacked-style#mainNavbar > ul.navbar-nav > li > a {
color: #000 !important;
}

div.stacked-inverse-style#mainNavbar > ul.navbar-nav {
background-color: rgba(239,239,239, 0.8) !important;
}

div.stacked-inverse-style#mainNavbar > ul.navbar-nav > li > a {
color: #fff !important;
}



.main-navbar .navbar-brand {
color: #000000;
}

    
        .main-navbar .navbar-toggler {
        background-color: rgba(239,239,239, 0.8) !important;
        color: #000000;
        }
    


.main-navbar .navbar-brand {
height: 100px;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    }

@media (max-width: 991px) {
.main-navbar .navbar-brand {
    max-height: 120px; important
}
.main-navbar .navbar-brand img {
max-height: 120px; important
}
}


    @media (min-width: 992px) {
    div.logo-inline-style#mainNavbar > ul.navbar-nav > li > a {
    border: 1px solid #000000;
    }
    }





    .main-navbar {
        
            background: url(https://cdn-02.memberlink.dk/azure/sitesite2520786027214111954/FormFile/AIA_banner.jpg?autorotate=true&width=1100&height=300&mode=crop) no-repeat center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
             }

    .dropdown-submenu {
    position: relative;
    }

    .dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
    }

    .dropdown-submenu .dropdown-menu {
    position: relative !important;
    margin: 1rem !important;
    }





    .custom-link-color a, .custom-link-color a:link, .custom-link-color a:visited, .custom-link-color a:active
    {
    color: #222222;
    }

    .m-t-r {
    padding-top: 29px;
    }

    @media (max-width: 979px) {
    .header-banner {
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    }
    .navbar-fixed-top {
    margin-bottom: 0;
    }
    }



    #content-area .header-color, #dialog-area .header-color
    {
    background-color: #2F96E8;
    color: #000000;
    }

    .panel-header-color {
    border-color: #2F96E8;
    }

    .addLogoText
    {
    font-size: 2.5em;
    font-family: Tahoma, "Arial Narrow", verdana, sans-serif;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
    line-height: 100px;
    float: left;
    
    }

    .logoText
    {
    line-height: 100px;
    
    }

    .logo a, .m-t-r .brand
    {
    color: #000000;
    }

    .content-color
    {
    background-color: #FFFFFF;
    color: #222222;
    }


    .content-lower-container
    {
    background-color: #267ABD;
    color:#FFFFFF;
    text-decoration: none;
    }

    @media (max-width: 767px) {
    .content-lower-container {
    background-color: #fff;
    color:#FFFFFF;
    text-decoration: none;
    }

    .footer-item {
    background-color: #267ABD;
    margin-bottom: 1rem;
    }
    }


    .content-lower-container a, .content-lower-container a:hover{
    color:#FFFFFF;
    }

    .nav-back
    {
    background-color: #267ABD;
    }




    .menu-colors
    {
    color: #FFFFFF;
    background-color: #267ABD;
    }

    .banner .links a
    {
    color: #FFFFFF;
    background-color: #267ABD;
    }

    .list-group-item.active, .nav-pills .nav-link.active {
    color: #ffffff !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    }

    .list-group-item a, .nav-pills .nav-item a.nav-link {
    color: #0d6efd !important;
    }

    .list-group-item.active a, .nav-pills .nav-item a.nav-link.active {
    color: #ffffff !important;
    }


    .dropdown-item.active, .dropdown-item:active {
    background-color: #0d6efd !important;
    }

    .sponsor-item, #row3, #row4 { display: none }
.training-images img {  display: inline-block; padding: 1%; width: 100% }
@media (min-width: 1200px) { .training-images img { width: 47% }}
.pageItem { height: auto !important; }
a[href^="tel"], a[href^="mailto"] { color: inherit; text-decoration: none; }

:root{
  --thermo-height: 70vh;
  --tube-width: 8vw;
  --tube-max-width: 60px;
}
.container{
  max-width:500px;
  margin:auto;
}

/* Thermometer Wrapper */
.thermometer{
  position:relative;
  height:var(--thermo-height);
  max-height:600px;
  margin:40px auto;
}

/* Tube */
.tube{
  position:absolute;
  bottom:15%;
  left:50%;
  transform:translateX(-50%);
  width:min(var(--tube-width), var(--tube-max-width));
  height:70%;
  border-radius:40px;
  background:linear-gradient(to right,
      rgba(255,255,255,0.6),
      rgba(255,255,255,0.15));
  box-shadow:
      inset 0 0 15px rgba(0,0,0,0.2),
      inset 0 0 5px rgba(255,255,255,0.8),
      0 8px 15px rgba(0,0,0,0.2);
  border:3px solid rgba(255,255,255,0.8);
  overflow:hidden;
}

/* Mercury */
.fill{
  position:absolute;
  bottom:0;
  width:100%;
  height:0%;
  border-radius:0 0 40px 40px;
  background:linear-gradient(to top,#990000,#ff1a1a,#ff6666);
  box-shadow:
      inset 0 -5px 10px rgba(0,0,0,0.4),
      0 0 15px rgba(255,0,0,0.5);
  transition:height 1s ease-in-out;
}

/* Bulb */
.bulb{
  position:absolute;
  bottom:5%;
  left:50%;
  transform:translateX(-50%);
  width:calc(min(var(--tube-width), var(--tube-max-width)) * 1.3);
  height:calc(min(var(--tube-width), var(--tube-max-width)) * 1.3);
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%,#ff6666,#cc0000 70%);
  box-shadow:
      inset -5px -10px 15px rgba(0,0,0,0.5),
      0 10px 20px rgba(0,0,0,0.3),
      0 0 25px rgba(255,0,0,0.4);
  border:3px solid rgba(255,255,255,0.8);
}

/* Markers */
.marker{
  position:absolute;
  left:25%;
  transform:translateY(50%);
  font-size:clamp(10px,2vw,14px);
  font-weight:bold;
  color:#555;
}

.marker::after{
  content:"";
  position:absolute;
  right:-25px;
  top:50%;
  width:25px;
  height:2px;
  background:#888;
}

.info{
  margin-top:20px;
  font-size:18px;
}

.percent{
  font-size:clamp(20px,4vw,28px);
  font-weight:bold;
  color:#cc0000;
}