/************ SITE CSS ************/

@import url("/css/bootstrap.css"); /* Lite bootstrap-css för modal, nav, dropdowns och tabs som vissa delar måste skrivas över */
@import url("/css/glyphicon.css"); /* Glyphicons css och sökväg till själva fonten */
@import url("/css/fonts.css"); /* Fonts.com css och sökväg till själva fonten/fonterna. Ladda ner paketet från fonts.com så du får rätt fonts */
@import url("/css/font-awesome.css");

/* Fyll i alla generella styles för sidan först så som Body, länkar, H1-H4, p och ingress. Sätt sedan specifika styles för startsidans olika rubriker. Glöm ej att överföra dessa till editor.css */
* {
    margin: 0;
    padding: 0;
}

html {
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}

::-moz-selection {
    background: rgba(171,202,55,1); /* profilfärg */
    color: #fff;
    text-shadow: none;
}

::selection {
    background: rgba(171,202,55,1); /* profilfärg */
    color: #fff;
    text-shadow: none;
}


body, html {
    height: 100%;
    font-size: 100% !important; /* 100% = 16px */
}

body {
    width: 100%;
    background: #fff;
    text-align: left;
    margin-top: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    line-height: 1.5;
    color: rgba(0,15,30,.9);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul {
    margin-bottom: 1rem;
    margin-left: 1rem;
    list-style-type: disc;
}

.row {
    position: relative;
    width: 100%;
    clear: both;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
    text-align: left;
}

.d-none {
    display: none !important;
}

.container {
    width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.row .row {
    width: auto;
    margin: 0;
    display: block;
}

.column {
    border: 0px solid rgba(0,0,0,0);
    float: left;
    display: block;
    margin: 0 0 0 2%;
    overflow: visible;
    position: relative;
    box-sizing: border-box;
    /* Lägg in padding om du behöver, box-sizing: border-box gör så att breddens procent inte påverkas.
    padding-left: 15px; 
    padding-right: 15px;*/
}

    .column:first-child {
        margin-left: 0;
    }

.container:before, .container:after {
    content: "";
    display: table;
}

.container:after {
    clear: both;
}

.container {
    zoom: 1; /* For IE 6/7 */
}

/* Grid med 12 kolumner. Möjlighet att använda col-xs-x, col-sm-x, col-md-x och col-lg-x.
   Utgå från minsta läget: Tex en rad med tre kolumner i varje kommer se ut såhär: <div class="col-xs-12 col-md-4">Tre kolumner</div>
   Det betyder den kommer vara tre kolumner med 4-col var fram tills den förbi bredden satt för sm, dvs max 767px. Efter det kommer den falla tillbaka på den mindre satta storleken, 
   dvs col-xs-12 som gör att alla tre kolumner blir fullbredd på 100% istället. */

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.5%;
}

.col-xs-10 {
    width: 83%;
}

.col-xs-9 {
    width: 74.5%;
}

.col-xs-8 {
    width: 66%;
}

.col-xs-7 {
    width: 57.5%;
}

.col-xs-6 {
    width: 49%;
}

.col-xs-5 {
    width: 40.5%;
}

.col-xs-4 {
    width: 32%;
}

.col-xs-3 {
    width: 23.5%;
}

.col-xs-2 {
    width: 15%;
}

.col-xs-1 {
    width: 6.5%;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/************ HTML ************/

a, a:link, a:visited, a:active {
    color: rgba(48,172,215,1);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* ____ Text och typografi ____ */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: rgba(0,15,30,1);
}

h1 {
    font-size: 2.25rem;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(0,15,30,1);
    margin-bottom: 0;
}
/* 2.25 x 16 = 36px */
h2 {
    font-size: 1.75rem;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 2em;
    margin-bottom: 1rem;
}
    /* 1.75 x 16 = 28px */
    h2 + h3 {
        margin-top: 1rem;
    }

h3 {
    font-size: 1.25rem;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 1.5em;
    padding-bottom: 0.175em;
    color: rgba(0,15,30,.8);
}
    /* 1.25 x 16 = 20px */
    h3 + h4 {
        margin-top: 0.5rem;
    }

h4 {
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(0,15,30,.8);
    margin-top: 1em;
}
/* 1 x 16 = 16px */
h5 {
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(0,15,30,.6);
    margin-top: 1em;
}
/* 1 x 16 = 16px */
h6 {
    font-size: 1rem;
    line-height: 1;
    text-transform: none;
    color: rgba(0,15,30,.6);
    margin-top: 1em;
}

h2:first-child {
    margin-top: 0;
}
/* 1 x 16 = 16px */

p, .brodtext, li {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: rgba(0,15,30,1);
    line-height: 1.5;
}

p {
    margin: 0 0 1rem;
}

    p:last-child {
        margin-bottom: 0;
    }

    p.ingress, .ingress p {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.25rem;
        font-weight: 400;
    }

.text-center {
    text-align: center;
}

/* ____ Anpassning av textstorlekar till mindre skärmar ____ */






@media screen and (max-width: 767px) {
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.5rem
    }

    h3 {
        font-size: 1.25rem
    }

    h4 {
        font-size: 1rem
    }
}






/* ____ Slut på text och typografi ____ */

hr {
    width: 100%;
    border-width: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-top: 1px solid #ccc;
}

img {
    border: none;
    vertical-align: bottom;
    max-width: 100%;
}

hr.divider {
    margin-top: 3rem;
    margin-bottom: 3rem;
    border-top: 1px solid rgba(48,172,215,1);
}

/************ LISTS ************/
ul li {
     
}

/************ HEADER ************/

#page-header {
    background-color: #fff;
    margin-bottom: 0;
}

/************ MENUS ************/

/* Mainmenu är huvudmenyn */
#page-header {
    transition: 0.25s;
}

    #page-header nav {
        height: 135px;
        background: rgba(255,255,255,.95);
    }

        #page-header nav #logo {
            position: absolute;
            width: 100%;
            margin: auto;
            text-align: center;
        }

            #page-header nav #logo img {
                height: 90px;
                padding: 1rem 1rem 0;
            }

        #page-header nav .navbar-nav {
            text-align: center;
            float: none;
            margin: 0 auto;
            display: table;
            position: relative;
            top: 90px;
        }

            #page-header nav .navbar-nav > li {
                display: inline-block;
            }

                #page-header nav .navbar-nav > li > a {
                    text-transform: uppercase;
                    font-weight: 400;
                    color: rgba(0,15,30,.75);
                    font-family: 'Roboto Condensed', sans-serif;
                    padding: 1rem 1rem 0.5rem;
                }

                #page-header nav .navbar-nav > li.active > a {
                    color: rgba(48,172,215,1);
                }

.navbar-collapse.in {
    overflow-y: initial;
}

#image-wrapper {
    display: flex;
    flex-wrap: wrap;
}

    #image-wrapper > div {
        flex: 0 0 35%;
        margin-right: 1rem;
        margin-bottom: 1rem;
    }

#globala-malen-header {
    height: 400px;
    background-image: radial-gradient(circle at top right,rgba(255, 255, 255, 0.8) 10%,rgba(171, 202, 55,0.85) 53%),url(/portals/0/Images/H%E5llbarhet/karta-globala-malen-logo-och-ikoner.png) !important;
    display: flex;
    align-items: center;
    padding: 2rem;
    margin-top: 3rem;
}

    #globala-malen-header h2 {
        color: #fff;
        font-size: 46px;
    }

    #globala-malen-header small {
        font-size: 26px;
    }




#page-header .navbar-fixed-top {
    border: 0px 0px 1px 0px;
    border-color: #e7e7e7;
    top: 0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 100;
}

#page-header nav .navbar-nav.fullwidth {
    margin-top: 0;
    width: 100%;
    text-align: center;
}

/* Page content button */
#anchor-nav.round-btn {
    display: block;
    margin: -6rem auto 2rem;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 3.5em;
    height: 3.5em;
    text-align: center;
    color: rgba(171, 202, 55, 1);
    cursor: pointer;
}

    #anchor-nav.round-btn .fa-angle-down {
        margin: 0;
        padding: 0.2rem;
        font-size: 3rem;
    }

    #anchor-nav.round-btn:hover {
        border-color: rgba(171, 202, 55, 1);
        color: #fff;
    }

/* --------- Fokusområden ---------- */
.umbraco-forms-page {
    background-color: #f6f5f5;
    padding: 20px;
    border-radius: 15px;
}

.umbraco-forms-form .checkboxlist label {
    float: none !important;
}

.umbraco-forms-form .primary {
    background: linear-gradient(to bottom, #dddfdf, #bbbebe);
    border: 1px solid #cccccc;
    color: #ffffff;
    text-shadow: 1px 1px #bbbbbb;
    width: 100%;
    padding: 25px;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
} 


.umbraco-forms-form .primary:hover {
    text-shadow: none;
    background: transparent !important;
    color: #000000;
}

.umbraco-forms-form .dataconsent {
    margin-top: 15px;
}

.umbraco-forms-form .dataconsent label:first-child {
    display:none;
}

.umbraco-forms-form .datepickerfield {
    max-width: 400px !important;
    padding: 5px;
    display: block;
    width: 95%;
}


.umbraco-forms-field-wrapper h2 {
    margin-top: 15px;
}

#focusareas .area-item h3 {
    padding: 1rem;
    font-size: 1.25rem;
    color: rgba(0,15,30,.8);
    text-align: left;
    margin: 0;
}

#focusareas .puff-content:hover a {
    color: rgba(48,172,215,1);
}

#focusareas .area-item:hover {
    border-bottom: 3px solid rgba(48,172,215,1);
}


/* --------- Nya boxar ---------- */




.area-item {
    width: calc(33.333% - 0.75rem);
    margin-bottom: 1rem;
    cursor: pointer;
    border-bottom: 3px solid rgba(171,202,55,1);
    position: relative;
    background-color: rgba(48,172,215,1);
}


        .area-item h3 {
            padding: 1rem;
            font-size: 1.25rem;
            color: rgba(0,15,30,.8);
            text-align: left;
            margin: 0;
            background-color: #ffffff;
        }

        .area-item a {
            color: rgba(0,15,30,.8);
            text-decoration: none;
        }

        .area-item  p {
            padding: 0;
        }

    .area-item:hover {
        border-color: rgba(48,172,215,1);
    }

        .area-item:hover a {
            color: rgba(48,172,215,1);
            text-decoration: none
        }

    .area-item .puff-link:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: -1px;
        left: 0;
        box-shadow: inset 0 4rem 4rem -3rem rgba(171,202,55,.5);
    }

    .area-item:hover .puff-link:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: -1px;
        left: 0;
        box-shadow: inset 0 4rem 4rem -3rem rgba(48,172,215,0.5);
    }

/* ---- Flex container med space between ---- */
.flex-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex-eq-height {
    display: flex;
}

/* --------- Horisontala sektioner ------------ */
.division {
    padding: 5.25rem 0;
}
    /* Rubrik */
    .division h1 {
        font-size: 2.625rem;
        text-align: center;
        margin-bottom: 2.625rem;
        color: rgba(0,15,30,.95);
    }
    /* Bakgrundsfärg */
    .division.light-grey-bg {
        background-color: rgba(0,15,30,.05);
    }

.division {
    padding: 5.25rem 0;
}

    .division h2 {
        font-size: 2.625rem;
        text-align: center;
        margin-top: 0;
        margin-bottom: 2.625rem;
        color: rgba(0,15,30,.95);
    }


/* ---------------- Medeon Event ----------------- */
.event-list h2 {
    margin: 0;
    font-size: 20px;
}

    .event-list h2 a {
        color: rgba(0,15,30,1);
    }

.eventdate, .newsdate {
    margin: 1rem 0 0 0;
    border-top: 1px solid #ccc;
    padding-top: 1rem;
}

.more-events-list {
    margin-left: 0;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(48,172,215,1);
    list-style: none;
}

    .more-events-list a {
        color: #000000;
        font-weight: 400;
        display: block;
        margin-bottom: 0.75rem;
    }


    .more-events-list .blog-date {
        margin-bottom: 0;
    }


/************** MEDEON NYHETER *****************/

.news-list h2 {
    margin: 0;
    font-size: 1.3rem;
}

.news-date {
    margin-top: 1rem;
    border-top: 1px solid #ccc;
    padding-top: 1rem;
}

.news_list_item h3 {
    margin: 0;
}

.news_list_item h3 a {
    color: rgba(0,15,30,.8);
}

.blog-img {
    position: relative;
    padding-bottom: 56%;
}

.blog-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ---------------- Medeon blogg posts ----------------- */
.blog_list_item {
    margin-top: 30px;
}

#sub-page .blog_list_item img {
    width: 100%;
}

.blog-date, .news-date {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: rgba(0,15,30,.5);
    margin: 1rem 0 0.5rem;
}

.blog_list_item h3, .blog_list_item h3 a, .blogitem h2, .blogitem h2 a {
    font-size: 1.5rem;
    text-transform: uppercase;
    color: rgba(0,15,30,1);
    text-align: left;
    margin: 0.5rem 0;
}

.blog_list_item {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: rgba(0,15,30,1);
    line-height: 1.5;
}


#blog .blog_list_item {
    margin-top: 0;
}

.text-flair {
    display: table;
    margin: 0 auto;
    color: #ABCA37;
    margin: 1.5rem auto;
}

.blog-post h2 {
    margin-top: 1.5rem;
}

.blog-post h3 {
    color: rgba(0,0,0,1);
}

.blog-post ul {
    margin-left: 1em;
}

    .blog-post ul > li {
        margin-top: 1rem;
        list-style-type: none;
    }

        .blog-post ul > li:before {
            font-family: 'Glyphicons Halflings';
            content: "\25cf";
            margin-left: -1em;
            margin-right: 0.5em;
            color: #ABCA37;
        }

/* Pagination */

.blog_list .blog_list_item:last-of-type hr.divider {
    margin-bottom: 2.5rem;
}

.blog_list ul.nav {
    display: flex;
    margin-left: 0;
    list-style: none;
}

    .blog_list ul.nav li {
        font-weight: 400;
        color: black;
        height: 35px;
        width: 35px;
        border-radius: 8px;
        background-color: rgba(0,15,30,.05);
        margin-right: 0.5rem;
    }

        .blog_list ul.nav li.active {
            background-color: rgba(0,15,30,.15);
        }

        .blog_list ul.nav li a {
            background-color: transparent;
        }

        .blog_list ul.nav li,
        .blog_list ul.nav li a {
            font-weight: 400;
            color: black;
            padding: 0;
            height: 35px;
            width: 35px;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
        }


/* --------- Media screen ---------- */
#id-media {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin-top: 135px;
    height: calc(100vh - 135px);
    display: flex;
    align-items: center;
    box-shadow: inset 0 8rem 5rem -5rem rgba(48,172,215,0.1);
}

    #id-media h1 {
        font-size: 6rem;
        margin-top: -6rem;
        color: #fff;
        text-shadow: 0 0 8px rgba(0,0,0,.5);
    }


.intranet_login .btn {
    padding: 10px 16px;
    text-transform: uppercase;
    background: linear-gradient(to bottom, #dddfdf, #bbbebe);
    border: 1px solid #cccccc;
    color: #ffffff;
}

.logout button {
    padding: 1px 13px;
    font-size: 14px;
}

.intranet_login .btn:hover {
    background: linear-gradient(to bottom, #ccc, #bbbebe);
}

.intranet_login input {
   padding:4px;
}

    /* Pop up
–––––––––––––––––––––––––––––––––––––––––––––––––– */
    /* Bootstrap */
    /*
.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #eceeef;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 15px;
}

.modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #eceeef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px)

  .modal-dialog {
    max-width: 500px;
    margin: 30px auto;
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}
*/
    /* Style */
    .modal {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.5);
}

#modalPopup {
    display: flex;
    justify-content: center;
    align-items: center;
}

    #modalPopup .modal-body {
        text-align: center;
        padding: 2rem;
        color: rgb(64, 64, 64);
        background-color: rgb(239, 239, 239);
    }

        #modalPopup .modal-body h3 {
            margin: 0 0 1rem;
            text-transform: none;
            font-weight: 400;
        }

#modalPopup {
    display: none;
}

    #modalPopup.show {
        display: flex !important;
    }

#modalPopup {
    display: none;
}

.modal .medeon-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border: none;
    text-align: center;
    color: rgb(255, 255, 255);
    background: rgb(171, 202, 55);
    width: 100px;
    margin: 1rem auto 0;
}

    .modal .medeon-btn:hover {
        background-color: rgb(171, 202, 55);
        color: rgb(255,255,255);
        text-decoration: none;
    }





/* ---------------- Medeon Aktuellt ----------------- */

/* Kalendarium table */
.responsive-table {
    overflow-x: auto;
    border-radius: 0;
}
    /* Lägger till en horisontell scroll om skärmen är för liten */
    .responsive-table table {
        border-collapse: collapse;
        width: 100%;
        font-size: 1em;
        background-color: #fff;
    }

    .responsive-table th {
        text-transform: uppercase;
        padding: .5rem 1rem .25rem;
        ;
        line-height: 1;
        background-color: rgba(171,202,55,1);
    }

        .responsive-table th:first-child {
            width: 55%;
        }

    .responsive-table tfoot {
        background-color: rgba(171,202,55,.2);
        border-bottom: 3px solid rgba(171,202,55,1);
    }

    .responsive-table td {
        padding: 1.5em 1rem;
        line-height: 1;
        vertical-align: top;
        width: 20%;
    }

        .responsive-table td a {
            color: #333;
        }

        .responsive-table td p {
            font-weight: 400;
        }

        .responsive-table td:nth-of-type(2) {
            padding-left: 0;
            width: 50%;
        }

        .responsive-table td:first-child,
        .responsive-table td:last-child {
            width: 2rem;
        }

    .responsive-table tfoot td {
        padding: 1.25rem 1rem .5rem;
    }

    .responsive-table tfoot tr:last-child td {
        padding-top: 0;
        padding-bottom: 1rem;
    }

    .responsive-table tr {
        border-bottom: 1px solid #ccc;
    }

    .responsive-table tfoot tr {
        border-bottom: none;
    }

    .responsive-table td .fa {
        font-size: 1.25rem;
        color: rgba(171,202,55,1);
        margin-right: 0;
        margin-top: -5px;
    }

    .responsive-table td .fa-globe {
        color: rgba(0,15,30,.35);
    }

    .responsive-table td .fa-info-circle {
        color: rgba(48,172,215,1);
        font-size: 1rem;
    }

.fa {
    margin-right: 0.5rem;
}

.responsive-table.grey th {
    background: #ccc;
}

/* ------------------ Medeon Buttons ------------------- */
/* Btn normal */
.medeon-btn {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.25rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: rgba(48,172,215,1);
    padding: 1em 2em;
    border: 2px solid rgba(48,172,215,1);
    background: linear-gradient(to bottom, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 100%);
    cursor: pointer;
    transition: 0.25s;
}

    .medeon-btn:hover {
        color: rgba(0,15,30,1);
        border-color: rgba(0,15,30,1);
        background: transparent;
    }

        .medeon-btn:hover a {
            color: rgba(0,15,30,1);
            border-color: rgba(0,15,30,1);
            background: transparent;
            text-decoration: none;
        }

    .medeon-btn: a {
        color: rgba(48,172,215,1);
    }
    /* Btn white */
    .medeon-btn.white {
        color: #fff;
        border-color: #fff;
    }

        .medeon-btn.white:hover {
            color: rgba(0,15,30,1);
            border-color: rgba(0,15,30,1);
        }

            .medeon-btn.white:hover a {
                color: #000000;
                text-decoration: none;
            }

        .medeon-btn.white a {
            color: #ffffff;
        }

    .medeon-btn.event {
        margin-top: 2rem;
        width: 100%;
    }

/* ------------ Fullbredspuff ------------- */
#ad {
    background-image: url(/templates/imgs/green-banner.jpg);
    background-size: cover;
    background-position: top right;
}

    #ad h1 {
        font-size: 4.5rem;
        color: rgba(255, 255, 255, 1);
        text-align: inherit;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

/* ------------ Testimonials ------------- */
#testimonials blockquote {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: rgba(0,15,30,.5);
    font-weight: 700;
}

    #testimonials blockquote::before {
        content: "\f10d";
        font-family: FontAwesome;
        margin-right: 0.5rem;
        color: #abca37;
    }

    #testimonials blockquote::after {
        content: "\f10e";
        font-family: FontAwesome;
        margin-left: 0.5rem;
        color: #abca37;
    }



/* ---------------------- Sidfot ---------------------- */
#sidfot.division {
    background: rgba(0,15,30,.5);
    padding-bottom: 0;
}

footer#sidfot h3 {
    font-size: 1.5rem;
    text-align: left;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid #ccc;
}

footer#sidfot p, footer#sidfot a {
    color: #fff;
}

footer#sidfot address {
    font-style: normal;
    font-weight: 300;
    margin-bottom: 1rem;
    color: #fff;
}

footer .social-footer {
    padding: 1rem;
    text-align: center;
    background: rgba(0,15,30,.25);
}

    footer .social-footer .fa {
        font-size: 2.5rem;
        color: rgba(255,255,255,0.5);
    }

        footer .social-footer .fa a {
            color: rgba(255,255,255,0.5);
        }


#external-news {
    padding-bottom: 2rem;
}

    #external-news h3 {
        margin-top: 0;
    }

    #external-news a {
        color: rgba(0,15,30,1);
    }


    #external-news .firstpage_news {
        margin-top: 1rem;
        border-bottom: 1px solid #ccc;
        padding-bottom: 1rem;
    }

        #external-news .firstpage_news p {
            margin: 0;
        }


#sidfot .column:first-child {
    padding: 0 2rem 0 0;
}

/* -------------------- Slut sidfot ------------------- */

/* Page top button */
nav a#top-btn {
    display: block;
    padding-bottom: 0.5rem;
    padding-top: 1.6rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    line-height: 1;
    margin: -0.5rem 0 0;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 700;
    color: rgba(0, 15, 30,.3);
}


#top-btn .fa-angle-up {
    margin: 0;
    font-size: 2rem;
    vertical-align: bottom;
    line-height: 0.6;
}

#top-btn span {
    display: block;
}



#top-btn p {
    line-height: 1;
    margin: -0.5rem 0 0;
    text-transform: uppercase;
    color: rgba(0,15,30,.3);
    font-size: 0.7rem;
    font-weight: 700;
}

nav a:hover#top-btn, nav a:hover#top-btn p {
    color: #fff;
}



/*************

H1 på startsidan
#id-media h1

1824px: 6rem;
1224px: 5rem;
740px: 4rem;
560px: 3.25rem;
mindre: 3rem;

*************/







.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}





/* Barnen till huvudmenyn med dropdown-effekt. Behöver man styla en undermeny till ett eget style så skapas det unika klasser för varje li-nod */
/*.navbar-default .mainmenu .dropdown-flex { display: none; }
.navbar-default .mainmenu .dropdown-menu {
        position: absolute;
        padding-top: 0;
        background-color: #ffffff;
        z-index: 99;
        right: auto;
        padding: 10px 15px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start; 
        flex-wrap: wrap;
        min-width: 300px;
    }
    .navbar-default .mainmenu .dropdown-menu > li { float: none; }
    .navbar-default .mainmenu .dropdown-menu > li > a { 
        color: #333;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        padding: 10px 0 0;
        display: block;
        font-size: 16px;
        text-transform: uppercase;
        font-family: 'Helvetica Neue LT W01_77 Bd Cn', sans-serif;
        margin-bottom: 10px;
        font-weight: normal;
        border-left: none;
        border-right: none;
    }
    .navbar-default .mainmenu .dropdown-menu li.active a, .navbar-default .mainmenu .dropdown-menu > li > a:hover, .navbar-default .mainmenu .dropdown-menu .mainmenu > li > a:hover { background-color: #fff; color: #757612; }
    .navbar-default .mainmenu > li:hover > .dropdown-flex, .navbar-default .mainmenu > li:hover > .mainmenu ul { display: inherit; }
    .navbar-default .mainmenu .dropdown-menu .mainmenu { min-height: 110px; }

.navbar-default .mainmenu .dropdown-menu .mainmenu > li { float: none; }    
.navbar-default .mainmenu .dropdown-menu .mainmenu > li > a { padding: 5px 0; text-transform: none; font-weight: normal; font-size: 14px; line-height: 16px; }  

*/




/* Barnen till huvudmenyn med dropdown-effekt. Behöver man styla en undermeny till ett eget style så skapas det unika klasser för varje li-nod */
/* .navbar-default .mainmenu .mainmenu {
    display: none;
    margin-top: 0;
    position: absolute;
    top: 44px;
    left: -1rem;
    min-width: 12rem;
    z-index: 99;
    padding: 0;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
} 
.navbar-default .mainmenu .mainmenu > li { list-style-type: none; float: none; text-align: left; width:100%; }
.navbar-default .mainmenu .mainmenu > li > a, .navbar-default .mainmenu .dropdown-menu > li > a { 
    font-size: 0.875rem;
    font-weight: normal;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    padding: 0.875rem 1rem;
    display: block;
    text-transform: uppercase;
    color: rgba(0,15,30,.75);
    font-family: 'Roboto Condensed', sans-serif;
}
.navbar-default .mainmenu .mainmenu li:hover a {
    background-color: #f2f3f4;
    text-decoration: none;
}*/
.navbar-default .mainmenu .mainmenu > li:first-child > a {
    border-top: 1px solid #e7e7e7
}

.navbar-default .mainmenu .mainmenu > li:last-child > a {
    border-bottom: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
}

    .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: rgba(108,166,0,1)
    }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: transparent;
    color: rgba(0,0,0,1);
}

.navbar-default .mainmenu > li:hover > ul, .navbar-default .mainmenu > li:hover > .mainmenu ul {
    display: inherit;
}


.mainmenu .navbar-nav {
    display: none !important;
}


/* Barnen till huvudmenyn med dropdown-effekt. Behöver man styla en undermeny till ett eget style så skapas det unika klasser för varje li-nod */
.navbar-default .mainmenu .dropdown-flex {
    display: none;
}

.navbar-default .mainmenu .dropdown-menu {
    position: absolute;
    padding-top: 0;
    background-color: #ffffff;
    z-index: 99;
    padding: 0;
    right: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    min-width: 12rem;
    margin-top: 0;
    box-shadow: 0 0 4px 0px rgba(0,0,0,0.15);
    top: 100%;
    border-radius: 0;
    border: none;
}

    .navbar-default .mainmenu .dropdown-menu > li {
        float: none;
        list-style-type: none;
    }

.navbar-default .mainmenu > li:hover > .dropdown-flex, .navbar-default .mainmenu > li:hover > .mainmenu ul {
    display: inherit;
}

.navbar-default .mainmenu .mainmenu > li > a, .navbar-default .mainmenu .dropdown-menu > li > a {
    font-size: 0.875rem;
    font-weight: normal;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    padding: 0.875rem 1rem;
    display: block;
    text-transform: uppercase;
    color: rgba(0,15,30,.75);
    font-family: 'Roboto Condensed', sans-serif;
}

/* .navbar-default .mainmenu .dropdown-menu .mainmenu { min-height: 110px; } */

.navbar-default .mainmenu .dropdown-menu .mainmenu > li {
    float: none;
}

    .navbar-default .mainmenu .dropdown-menu .mainmenu > li > a {
        padding: 5px 0;
        text-transform: none;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
    }

/* Språkmenyn i desktop-läge */

#page-header nav .extra-menu.navbar-right {
    position: absolute;
    margin-top: 0;
    top: 1rem;
    right: 1rem;
    text-align: right;
}


    #page-header nav .extra-menu.navbar-right > li > a {
        padding: 0 0.5rem 0;
        font-size: 0.9rem;
    }

        #page-header nav .extra-menu.navbar-right > li > a:hover {
            text-decoration: underline;
        }


    #page-header nav .extra-menu.navbar-right > li:nth-child(2) > a, #page-header nav .extra-menu.navbar-right > li:first-child > a {
        border-right: 1px solid rgba(0,15,30,0.5);
    }



.navbar-right .fa {
    margin: 0 5px;
}


.navbar-right .fa:hover {
    color: rgba(171,202,55,1);
}

/* Hamburgemeny-knappen */
.navbar-toggle {
    border: 1px solid #ccc;
    border-radius: 0;
    margin-top: 16px;
    padding: 10px 7px 7px;
    position: absolute;
    right: 0;
    cursor: pointer;
}

    .navbar-toggle .icon-bar {
        border-radius: 1px;
        display: block;
        height: 4px;
        width: 30px;
        margin-bottom: 5px;
    }

.navbar-default .navbar-toggle .icon-bar {
    background-color: #abca37;
    margin: 0 auto 5px;
}

/* Hamburgemenyn i mobilt läge */

#mobilemenuheader #main-navbar {
    margin-top: 90px;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    width: 100%;
    z-index: 201;
    max-height: calc(100% - 90px);
    overflow-y: scroll;
}

#mobilemenuheader .navbar-collapse {
    max-height: 1024px;
}

#mobilemenuheader .mainmenu {
    margin-left: -15px;
    margin-right: -15px;
}

#mobilemenuheader .navbar-nav {
    margin-top: 0;
}

    #mobilemenuheader .navbar-nav > li {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #e7e7e7;
    }

        #mobilemenuheader .navbar-nav > li > a {
            padding: 1rem;
            font-family: 'Roboto Condensed', sans-serif;
            text-transform: uppercase;
            color: rgba(0,15,30,1);
        }

#mobilemenuheader .nav > li > a:hover,
#mobilemenuheader .nav > li > a:focus {
    background-color: rgba(0,15,30,0.05);
}

#mobilemenuheader .dropdown-menu {
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

    #mobilemenuheader .dropdown-menu > li {
        border-top: 1px solid #e7e7e7;
    }

        #mobilemenuheader .dropdown-menu > li > a:focus, #mobilemenuheader .dropdown-menu > li > a:hover {
            text-decoration: none;
            color: #262626;
            background-color: rgba(0,15,30,0.02);
        }

        #mobilemenuheader .dropdown-menu > li.active > a:focus, #mobilemenuheader .dropdown-menu > li.active > a {
            background-color: transparent;
        }

#mobilemenuheader .navbar-nav .open .dropdown-menu > li > a {
    padding: 1rem 2rem;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: rgba(0,15,30,0.75);
}

#mobilemenuheader .caret {
    display: none;
}

#mobilemenuheader li.dropdown a:before, #mobilemenuheader li.dropdown li.dropdown a:before {
    font-family: "Glyphicons";
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1;
    content: "\2b";
    color: rgba(0,15,30,.75);
    display: inline-block;
    float: right;
    padding: 1rem;
    position: absolute;
    right: 0px;
    top: 0px;
}

#mobilemenuheader li.open a:before, #mobilemenuheader li.open li.open a:before {
    content: "\2212";
}

#mobilemenuheader li.dropdown .dropdown-menu a:before {
    display: none;
}

#mobilemenuheader .navbar-nav .open .dropdown-menu .dropdown-menu > li a {
    padding: 1rem 3rem;
}

#mobilemenuheader .navbar-nav .open .dropdown-menu .dropdown-menu {
    border-bottom: 0;
}

#mobilemenuheader .mainmenu {
    margin-bottom: 0;
}

#mobilemenuheader .extra-menu {
    position: static;
    top: 0.25rem;
    right: 0;
    float: right;
    display: flex;
    margin: 1em 0;
    padding: 0;
    float: right;
}

    #mobilemenuheader .extra-menu > li > a {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 0.75rem;
        line-height: 1;
        text-transform: uppercase;
        color: #192734;
        padding: 0;
    }

        #mobilemenuheader .extra-menu > li:hover,
        #mobilemenuheader .extra-menu > li > a:focus,
        #mobilemenuheader .extra-menu > li > a:hover {
            background-color: transparent;
        }

        #mobilemenuheader .extra-menu > li > a:hover {
            text-decoration: underline;
        }

    #mobilemenuheader .extra-menu > li {
        margin-left: 1em;
        border: none;
    }

#mobilemenuheader {
    display: none;
}
/* Mobilmenyn dold i desktopläge */

.sv-SE span:before {
    content: 'Svenska';
}

.en-US span:before {
    content: 'English';
}


/* Vänstermenyn på undersidorna heter submenu */

#side-bar {
    padding-left: 15px;
}

    #side-bar nav ul li a::before {
        content: "\f105";
        font-family: FontAwesome;
        margin-right: 0.5em;
    }

    #side-bar nav ul {
        list-style-type: none;
        padding: 0;
        width: 100%;
    }

.submenu li {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(204,204,204,1)
}

    .submenu li a {
        display: block;
        font-weight: 400;
        line-height: 1;
        text-decoration: none;
        color: rgba(0,15,30,0.75);
        padding: 15px 0;
    }

    .submenu li:last-child {
        border-bottom: 1px solid #ccc;
    }

    .submenu li.selected a {
        color: rgba(48,172,215,1);
    }

#side-bar nav ul li a:hover {
    color: rgba(204,204,204,1);
}


/* Sub-sub-menyn */

.submenu .submenu {
    display: none;
    margin: 0;
}

.selected .submenu {
    display: inherit;
}

    .selected .submenu a {
        color: rgba(0,15,30,0.75);
    }

#side-bar nav ul ul {
    margin-top: 0;
}

#side-bar nav ul .selected.has-children a {
    color: rgba(0,15,30,0.75);
}


#side-bar nav ul .selected.has-children.level0 a {
    padding-bottom: 0.1rem;
}

#side-bar nav ul .selected.has-children .level1 a {
    padding-bottom: 15px;
}


#side-bar nav ul .selected.has-children a:hover {
    color: rgba(204,204,204,1);
}

#side-bar nav ul .selected.has-children a::before {
    content: "\f107";
    font-family: FontAwesome;
    margin-right: 0.5em;
}

#side-bar nav ul .selected.has-children li a::before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 0.5em;
}


#side-bar nav ul .selected.has-children ul {
    margin-top: 0;
    margin-left: 2rem;
    border: 0;
}

#side-bar nav ul .selected.has-children li {
    border: 0;
}

    #side-bar nav ul .selected.has-children li.selected a {
        color: rgba(48,172,215,1);
    }



    #side-bar nav ul .selected.has-children li a:hover {
        color: rgba(204,204,204,1);
    }

#side-bar nav ul .level1 a::before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 0.5em;
}

/* Medeons inkubator */

.form-mobile {
    display: none;
}



/* Kontakt  */

#google-map {
    background-image: url(/portals/0/Images/map.png);
    background-size: cover;
    background-position: center;
    height: 390px;
}

.contact-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

    .contact-wrapper > * {
        padding: 1.5rem;
        flex: 1 100%;
    }

.contact-map {
    height: 100%;
}

#sub-page .contact-info {
    padding-bottom: 3rem;
}


.top-border {
    border-top: 1px solid #cccccc;
    padding-bottom: 1.5rem;
}

    .top-border h2 {
        text-align: center;
    }

.staff_puff {
    border-bottom: 1px solid #cccccc;
    display: table;
    box-sizing: border-box;
    vertical-align: middle;
    width: 100%;
    padding: 1rem 0;
}

.staff_image {
    display: table-cell;
    vertical-align: middle;
    width: 120px;
    line-height: 0;
}

.img-circle {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #f5f5f5;
}

.staff_info {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 1rem;
}

@media screen and (max-width: 440px) {

    .staff_puff {
        display: block;
        padding-bottom: 0;
    }

    .staff_image {
        display: block;
        margin: 0 auto;
    }

    .staff_info {
        display: block;
        padding: 1rem 0;
        text-align: center;
    }
}





/************ CONTENT STARTPAGE ************/
#mobilemenuheader {
    display: none;
}
/* Mobilmenyn dold i desktopläge */

#slider .container {
    width: auto;
    max-width: 2000px;
    padding-left: 0;
    padding-right: 0;
}
/* Slider/bild som är fullbredd upp till 2000px */
#slider .DnnModule-DNN_HTML {
    display: none;
}
/* Döljer html-modul som ligger i slider-modulen, denna visas sen när man går in i mobilt läge och vanliga bildspelet döljs */

#slider-text {
    margin-height: 40vh;
}

#id-media video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
}

#puffs .container {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
/* Om "puffar" finnes så gör flex-box att de blir lika höga kolumner, positionerna innehåll med flex-attribut */

/************ CONTENT SUBPAGE ************/
#content {
    margin: 40px 0;
}

    #content .contentpane {
        float: right;
        margin-left: 2%;
    }

    #content .leftpane {
        margin: 0;
    }

#sub-page, #content_fullwidth {
    margin-top: 8.4rem;
    padding: 4.5rem 0;
}

    #sub-page h1 {
        font-size: 2.25rem;
        margin-bottom: 0.5rem;
    }

.img-pane img { /*width: 100%; */
    margin: 1rem 0 1rem 0;
}

.boxing {
    background-color: rgba(0,0,0,.05);
    padding: 1.5rem;
}

h3 + .boxing {
    margin-top: 1rem;
}



.boxing-border {
    border: 1px solid #ccc;
    padding: 1.5rem;
}

#side-bar aside h3 {
    margin-top: 3rem;
}

#side-bar aside .boxing-border {
    margin-top: 3rem;
}

    #side-bar aside .boxing-border h3 {
        margin-top: 0;
    }

#side-bar .boxing-border img {
    max-height: 130px;
    margin-top: 1.5rem;
}

#side-bar .boxing-border h3 {
    margin-top: 0;
}

#side-bar aside .content-box {
    margin: 3rem 0 0 0;
}

/* Breadcrumbs */
#breadcrumbs span, #breadcrumbs a {
    color: #a4a4a4;
    font-size: 12px;
    line-height: 26px;
}

.ido_breadcrumbsList {
    list-style-type: none;
    margin: 0;
}

    .ido_breadcrumbsList li {
        margin: 0;
        float: left;
        display: inline-block;
    }

/*********** Partners ******************/

.partner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    border-top: 1px solid rgba(48,172,215,1);
    padding: 3rem 0;
}

    .partner > * {
        flex: 1 100%;
    }

.partner-image {
    order: 1;
}

.partner-name {
    order: 2;
}

.partner-info {
    order: 3;
}

#sub-page .partner-name h3 {
    margin-top: 0;
}

#sub-page .partner-image {
    text-align: center;
}

    #sub-page .partner-image img {
        max-width: 100%;
        max-height: 300px;
        width: auto;
        padding-top: 0;
        padding-bottom: 2rem;
    }


@media screen and (min-width: 550px) {

    .partner-name {
        order: 1;
    }

    .partner-info {
        order: 2;
    }

    .partner-image {
        order: 3;
        text-align: left;
        padding-left: 1.5rem;
        flex: 1 0 200px;
    }

    .partner-info {
        flex-basis: calc(100% - 225px);
        flex-grow: 2;
        flex-shrink: 0;
    }
}

.no-border {
    border: 0 !important;
}

/******************PRESS*****************/
.pressHeader h2 {
    border-top: 1px solid rgba(48,172,215,1);
    margin-top: 2rem;
    padding-top: 2rem;
}

.pressContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 3rem 0;
}

.press-info-right {
    order: 1;
    flex: 2 0px;
}

.press-info-center {
    order: 2;
    flex: 2 0px;
}

.press-info-left {
    order: 3;
    flex: 2 0px;
}

/*************RESPONSIV VIDEO*********************/
.video-maps {
    position: relative;
    padding-bottom: 61%;
    height: 0;
    overflow: hidden;
}

    .video-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


/* Företagsloggor */

.column_two .gallery_item {
    width: 48%;
    margin: 0 1% 2rem 0;
}

.Skin_02_Default .gallery_photo .icon .fa {
    display: none !important;
}

#dnn_ctr437_View_Index_pnlTrial { /*display: none !important;*/
}

.page_meta {
    display: none !important;
}

.Skin_02_Default .nav_category a:first-child span {
    display: none !important;
}

.Skin_02_Default .nav_category a:first-child:after {
    content: 'Alla (50)';
}



/********* Kompetensnätverk ******/

.networkpage {
    padding: 3rem 0;
    border-top: 1px solid rgba(0,15,30,.05);
}

    .networkpage .area-item h3 {
        border: 1px solid #f5f5f5;
    }

#sub-page .firstpage_news {
    margin-top: 1rem;
    border-top: 1px solid #ccc;
    padding-top: 1rem;
}

    #sub-page .firstpage_news a {
        font-size: 1.25rem;
        line-height: 1.2;
        text-transform: uppercase;
        margin-top: 1.5em;
        padding-bottom: 0.175em;
        color: rgba(0,15,30,.8);
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
    }

    #sub-page .firstpage_news .date {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        color: rgba(0,15,30,.5);
        margin-bottom: 0.5rem;
    }

    #sub-page .mynewsdesk .firstpage_news a {
        font-size: 1rem;
        line-height: 1.2;
        text-transform: uppercase;
        margin-top: 1.5em;
        padding-bottom: 0.175em;
        color: rgba(0,15,30,.8);
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
    }

.DnnModule-Medeon_NetworkApplicationForm h3,
.DnnModule-Medeon_NetworkApplicationForm_Eng h3 {
    background: rgba(0,15,30,.05);
    border-radius: 1rem 1rem 0 0;
    padding-top: 2rem;
}


/********* Anmälan EIT ******/

/* Inforuta */

.event-info-box {
    font-size: 1rem;
    border-left: 2px solid #aacc24;
    padding-left: 1rem;
    margin-bottom: 2rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

/* Loggor */

#eit-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 3rem 0 2rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

    #eit-logos > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 200px;
        flex: 0 1 200px;
        height: auto;
        margin-bottom: 1rem;
    }


/* Hus H */

#wihlborgs-box {
    background-color: #f2f3f4;
    padding: 1rem;
    margin-top: 2rem;
    "
}

    #wihlborgs-box img {
        width: 100%;
        height: auto;
        max-width: 399px;
    }

    #wihlborgs-box h4 {
        margin: 1.5rem 0 0.5rem;
    }

    #wihlborgs-box .fa {
        color: #001e4c;
    }

    #wihlborgs-box a {
        font-weight: 400;
    }


@media (min-width: 768px) {
    #wihlborgs-box {
        padding: 1.5rem 1.5rem 2rem;
    }
}

#fact-box {
    border-left: 2px solid #aacc24;
    padding-left: 1rem;
    margin-bottom: 2rem;
}

    #fact-box .project-list dt {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 0.875rem;
        margin-top: 1rem;
    }

    #fact-box .project-list dd {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 0.875rem;
    }



/************ GRID 12 COLS - FORTS ************/

@media (min-width: 768px) {
    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.5%;
    }

    .col-sm-10 {
        width: 83%;
    }

    .col-sm-9 {
        width: 74.5%;
    }

    .col-sm-8 {
        width: 66%;
    }

    .col-sm-7 {
        width: 57.5%;
    }

    .col-sm-6 {
        width: 49%;
    }

    .col-sm-5 {
        width: 40.5%;
    }

    .col-sm-4 {
        width: 32%;
    }

    .col-sm-3 {
        width: 23.5%;
    }

    .col-sm-2 {
        width: 15%;
    }

    .col-sm-1 {
        width: 6.5%;
    }
}

@media (min-width: 992px) {
    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.5%;
    }

    .col-md-10 {
        width: 83%;
    }

    .col-md-9 {
        width: 74.5%;
    }

    .col-md-8 {
        width: 66%;
    }

    .col-md-7 {
        width: 57.5%;
    }

    .col-md-6 {
        width: 49%;
    }

    .col-md-5 {
        width: 40.5%;
    }

    .col-md-4 {
        width: 32%;
    }

    .col-md-3 {
        width: 23.5%;
    }

    .col-md-2 {
        width: 15%;
    }

    .col-md-1 {
        width: 6.5%;
    }
}

@media (min-width: 1200px) {
    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.5%;
    }

    .col-lg-10 {
        width: 83%;
    }

    .col-lg-9 {
        width: 74.5%;
    }

    .col-lg-8 {
        width: 66%;
    }

    .col-lg-7 {
        width: 57.5%;
    }

    .col-lg-6 {
        width: 49%;
    }

    .col-lg-5 {
        width: 40.5%;
    }

    .col-lg-4 {
        width: 32%;
    }

    .col-lg-3 {
        width: 23.5%;
    }

    .col-lg-2 {
        width: 15%;
    }

    .col-lg-1 {
        width: 6.5%;
    }
}

/*** Företag ****/

.companies-tags {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-left: 0;
    margin-top: 1rem;
}

    .companies-tags .nav_button {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.5rem;
        margin-right: 0.5rem;
    }

        .companies-tags .nav_button a {
            color: #000000;
        }

.gallery_list {
    display: flex;
    flex-wrap: wrap;
}


    .gallery_list .gallery_item {
        float: left;
        width: 48%;
        padding: 7px;
        list-style-type: none;
    }

    .gallery_list .gallery_info ul {
        margin-left: 0;
        display: flex;
    }

    .gallery_list .gallery_info li {
        list-style-type: none;
        padding-right: 15px;
        width: 100%;
    }





    .gallery_list .gallery_photo {
        position: relative;
        display: inline-block;
        overflow: hidden;
        width: 400px;
        height: auto;
        max-width: 100%;
        overflow: hidden;
        border: 1px solid rgba(0,0,0,0.1);
    }

    .gallery_list .gallery_photo img {
        max-height: 232px;
    }

.slick-list img {
    max-height: 500px;
}

.slider-nav .slick-list .img-fluid {
    max-height: 150px;
}




/************ SKÄRM MINDRE ÄN 1824px ************/
@media screen and (max-width: 1824px) {
    #id-media h1 {
        font-size: 5rem;
    }
}

@media screen and (max-width: 1700px) {
    #id-media h1 {
        font-size: 5rem;
    }

    #sub-page, #content_fullwidth {
        padding: 4rem 0;
    }
}


@media screen and (max-width: 1224px) {
    #id-media h1 {
        font-size: 4rem;
    }
}



/************ SKÄRM MINDRE ÄN 1200px ************/
@media screen and (max-width: 1200px) {
    .container {
        width: auto;
    }
}

@media screen and (max-width: 1024px) {
    #id-media {
        background-attachment: scroll;
    }
}

/************ SKÄRM MINDRE ÄN 992px ************/
@media screen and (max-width: 992px) {
    .container {
        width: auto;
    }

    .column {
        margin-left: 0;
    }

    .navbar-default .mainmenu > li > a {
        padding: 10px;
    }

    .area-item {
        width: calc(50% - 0.5rem);
    }

    #header-img.division {
        padding: 3rem 0;
        background-size: cover;
        background-attachment: scroll;
        background-position: center;
    }

    .card {
        margin-bottom: 1rem;
        width: calc(50% - 0.5rem);
    }

        .card.full-width-card {
            width: 100%;
        }

            .card.full-width-card header {
                float: left;
                width: 33.333%;
            }

            .card.full-width-card footer {
                float: left;
                width: 66.666%;
            }

    #facebook {
        display: none;
    }

    footer .column {
        margin: 0;
    }

    footer#sidfot .row .column {
        margin-top: 2em;
    }

        footer#sidfot .row .column:first-child {
            margin-top: 0;
        }

    #testimonials img {
        display: none;
    }

    #testimonials .column:last-child {
        margin: 0;
    }

    #side-bar {
        padding-left: 0;
    }

        #side-bar nav {
            display: none;
        }

    #blog .column:first-child {
        margin-right: 2%;
    }

    #blog .col-xs-6 {
        width: 48%;
    }

    .form-desktop {
        display: none;
    }

    .form-mobile {
        display: inherit;
    }

    .area-item {
        width: calc(50% - 0.5rem);
    }

    #external-news {
        padding-top: 2rem;
        padding-bottom: 0;
    }
}

/************ SKÄRM MINDRE ÄN 767px ************/
@media screen and (max-width: 767px) {


    #id-media .container {
        max-width: 100%;
    }

    #id-media h1 {
        font-size: 3rem;
    }

    .gallery_list .gallery_item {
        float: left;
        width: 100%;
        padding: 5px;
    }



    #sub-page, #content_fullwidth {
        margin-top: 90px;
        padding: 2rem 0;
    }

    .container {
        width: auto;
    }
    /* Sätter bredden till att anpassas av skärmens storlek */
    #mobilemenuheader, .navbar-toggle {
        display: block;
    }
        /* Gör den mobila menyn tillgänglig samt visar hamburgemeny-knappen */
        #mobilemenuheader .container {
            padding: 0;
        }
    /* Tar bort onödig padding i mobila menyn */
    #mainmenu {
        display: none;
    }
    /* Döljer den vanliga desktop-menyn */
    .column {
        margin: 0;
    }

    #id-media {
        margin-top: 90px;
        background-position: center;
        height: calc(100vh - 90px);
    }

    .area-item h3 {
        font-family: 'Roboto Condensed', sans-serif;
    }

    #blog .col-xs-12:first-child {
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        border-bottom: 1px solid #ccc;
    }

    .division {
        padding: 2.625rem 0;
    }

        .division h2 {
            font-size: 1.75rem;
            margin-bottom: 1.75rem;
        }

    #news .col-xs-12:first-child {
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        border-bottom: 1px solid #ccc;
    }

    #blog .column:first-child {
        margin-right: 0;
    }

    #anchor-nav.round-btn {
        margin: -8rem auto 4rem;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.5rem
    }

    h3 {
        font-size: 1.25rem
    }

    h4 {
        font-size: 1rem
    }

    #id-media {
        box-shadow: inset 0 11rem 5rem -5rem rgba(48,172,215,0.1);
    }

    .medeon-btn {
        padding: 0.5em 1em;
    }

    .area-item h3 {
        font-family: 'Roboto Condensed', sans-serif;
    }

    /*Företagsloggor*/

    .column_two .gallery_item {
        width: 100%;
        margin: 0 auto 1rem auto;
    }

    #ad .col-sm-4 {
        width: 32%;
    }

    #navbar {
        margin-top: 15px;
    }

    #page-header nav {
        height: 90px;
        background: rgba(255,255,255,.95);
    }

        #page-header nav #logo img {
            height: 75px;
        }

        #page-header nav .navbar-nav {
            margin-top: 0;
            width: auto;
            background: #fff;
        }

            #page-header nav .navbar-nav > li {
                width: 100%;
                text-align: left;
                border-bottom: 1px solid #e7e7e7;
            }

                #page-header nav .navbar-nav > li:hover {
                    background-color: #E5E7E8
                }

        #page-header nav #logo {
            text-align: left;
            position: static;
        }

        #page-header nav .navbar-nav > li > a {
            padding: 15px 30px;
        }

    .navbar-nav {
        margin: 0 -15px;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #fff;
    }

    .contact-info {
        flex: 1 0px;
    }

    .contact-map {
        flex: 2 0px;
    }
}



@media screen and (max-width: 740px) and (orientation: landscape) {
    #id-media h1 {
        font-size: 3.25rem;
        margin-top: -4rem;
    }
}

/************ SKÄRM MINDRE ÄN 560px ************/
@media screen and (max-width: 560px) {
    #slider .DnnModule-DNN_HTML {
        display: block;
    }

    #slider .DnnModule-Inka_Articles {
        display: none;
    }

    #id-media h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 2.5rem;
        text-align: center;
    }

    .area-item header {
        padding: 0.5rem;
    }

        .area-item header h3 {
            text-align: center;
            font-size: 0.75rem;
        }

    #sub-page h1 {
        font-size: 1.75rem;
        margin-bottom: 0.25rem;
    }

    .boxing {
        padding: 0.5rem;
    }

    #header-img.division h1 {
        font-size: 2rem;
    }

    .pressContainer {
        flex-direction: column;
        text-align: center;
    }

    .press-info-right, .press-info-center, .press-info-left {
        margin-bottom: 20px;
    }

    .pressHeader h2 {
        text-align: center;
    }

    .area-item h3 {
        padding: 0.5rem;
        font-size: 0.75rem;
        text-align: center;
    }
}

@media screen and (max-width: 440px) {
    .area-item {
        width: 100%;
        margin-bottom: 0.5rem;
    }

        .area-item header h3 {
            font-size: 0.8rem;
        }

    #header-img.division {
        padding: 2rem 0;
    }

        #header-img.division h1 {
            font-size: 1.5rem
        }

    #ad h1 {
        font-size: 3rem;
    }

    .medeon-btn {
        font-size: 1rem;
        text-align: center;
        width: 100%
    }
}

/************ SKÄRM MINDRE ÄN 340px ************/
@media screen and (max-width: 340px) {
}

/************ DNN ADMIN ************/
span.controlBar_editPageTxt {
    height: 36px;
}

#ControlBar_CustomMenuItems > li > a, #ControlActionMenu > li > a {
    height: 55px;
}

#ControlNav > li > a {
    height: 53px;
}

#ControlEditPageMenu > li > a {
    height: 55px;
}

.dnnFormItem .dnnLoginActions {
    display: none;
}


.gallery_list .gallery_inner {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    width:100%;
}

.gallery_list .gallery_item {
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

.column_two .gallery_item {
    width: 48%;
    margin: 0 1% 2rem 0;
}

.gallery_photo {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 400px;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1);
}

@media screen and (max-width: 767px) {
    .column_two .gallery_item {
        width: 100%;
        margin: 0 auto 1rem auto;
    }
}

#videoFirstpage {
    padding-bottom: 0;
}

#videoFirstpage .video:first-child {
    margin-bottom: 30px;
}


#videoFirstpage .container {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 995px) {

    #videoFirstpage .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


    .column_two .gallery_item {
        width: 100%;
        margin: 0 auto 1rem auto;
    }
}

.speaker {
    display: flex !important;
    flex-wrap: wrap;
    margin-top: 20px !important;
}

.speaker h3 {
    font-size: 1rem;
    line-height: 1;
    text-transform: none;
    margin-top: 0.3em;
    padding-bottom: 0;
    color: rgba(0,15,30,.8);
}

.speaker p {
    margin:0;
}

.speaker .column {
    margin: 0 10px 0 0;
}

.speaker .column img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.speaker .txt {
    margin-bottom: 15px;
}
    
    @media screen and (max-width: 995px) {

    .speaker .column {
        margin: auto;
    }
}
  
  
  
#sub-page-img .contact-img {
    position: relative;
    text-align: center;
}

#sub-page-img img.image-top {
    margin: 135px 0 30px;
    width: 100%;
    filter: brightness(75%);
}

#sub-page-img .imagetoptxt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 65px;
    line-height: 1.26;
}

.speaker .column {
    min-height:365px;
}

.dent2health h1{
    font-size: 2.25rem;
    line-height: 1;
    text-transform: initial;
    color: rgba(0,15,30,1);
    margin-bottom: 0.5rem;
}
    
.dent2health h3{
text-transform: initial;
    margin-top: 15px;
}



@media screen and (max-width: 1805px) {
    #sub-page-img .imagetoptxt {
        top: 55%;
    }
}

@media screen and (max-width: 1405px) {
    #sub-page-img .imagetoptxt {
        top: 60%;
    }
}


@media screen and (max-width: 990px) {
    #sub-page-img .imagetoptxt {
        top: 60%;
    }

    #sub-page-img .imagetoptxt {
  
        font-size: 24px;
  
    }
}

@media screen and (max-width: 600px) {
    #sub-page-img .imagetoptxt {
        top: 67%;
    }

    #sub-page-img .imagetoptxt {
        font-size: 16px;
            width: 84%;
    }
}

.umbraco-forms-form fieldset {
    padding: 0em 1em 0em 0em !important;
    margin: 0 0 1.5em 0;
    border: none !Important;
}

#sub-page-img .talare {display: flex;    margin-bottom: 15px;}
#sub-page-img .talare div:first-child{margin-right: 15px; font-weight: 600;}
#sub-page-img .talare div:last-child{font-weight: 100;}

/* About us page */

.about-us-pdfs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2rem;
}

.about-us-pdfs > div {
    flex-basis: auto;
    flex-shrink: 0;
    flex-grow: 0;
    text-align: center;
    padding: 0 1rem;
}

.about-us-pdfs > div:first-child {
    margin-bottom: 1.5rem;
}

.about-us-pdf-thumb {
    display: block;
    position: relative;
    width: 150px;
    margin: 0 auto 1rem;
}

.about-us-pdf-thumb::after {
    content: '';
    display: block;
    padding-bottom: 144%;
}

.about-us-pdf-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (min-width: 576px) {

    .about-us-pdfs > div:first-child {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px) {

    .about-us-pdfs {
        margin-top: 3rem;
    }

    .about-us-pdfs > div {
        padding: 0 2rem;
    }
}

.more-events {
    display: block;
    margin-top: 1rem;
    cursor: pointer;
    text-decoration: none;
}

.more-events::before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 0.5em;
}

    .more-events:hover {
        color: rgba(0, 15, 30, 1);
        text-decoration: none;
    }