/*Fonts--------------------------------*/
/*Roboto*/

@font-face {
    font-family: 'Roboto-Light';
    src: url('../Fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-LightItalic';
    src: url('../Fonts/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../Fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('../Fonts/Roboto-MediumItalic.ttf') format('truetype');
}

/*DM Serif*/
@font-face {
    font-family: 'DMSerifDisplay-Regular';
    src: url('../Fonts/DMSerifDisplay-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'DMSerifDisplay-Italic';
    src: url('../Fonts/DMSerifDisplay-Italic.ttf') format('truetype');
}
/*Fonts--------------------------------*/
:root {
    /*Custom colors*/
    /*--syn-Noon: #60607C;*/ /*RGB(96,96,124)*/
    /*--syn-Midnight: #272751;*/ /*RGB(39,39,81)*/
    /*--syn-Ocean: #014B68;*/ /*RGB(1,75,3104)*/
    /*--syn-Petrol: #2BA5B2;*/ /*RGB(43,165,178)*/
    /*--syn-Mist: #B9DFEA;*/ /*RGB(185,223,234)*/
    /*--syn-Sand: #FCDF90;*/ /*RGB(252,223,144)*/
    --syn-Steam: RGB(244,248,249); /*#F4F8F9*/
    --syn-Noon: RGB(96,96,124); /*#60607C*/
    --syn-Midnight: RGB(39,39,81); /*#272751*/
    --syn-Ocean: RGB(1,75,104); /*#014B68*/
    --syn-Petrol: RGB(43,165,178); /*#2BA5B2*/
    --syn-Mist: RGB(185,225,234);
    /*--syn-Mist: RGB(185,223,234);*/ /*#B9DFEA*/ /*ORIGINAL FRÅN BOID*/
    --syn-Sand: RGB(252,223,144); /*#FCDF90*/
    --syn-Steam: RGB(244,248,249); /*#F4F8F9*/
    --syn-Midnight-Semi: RGB(39,39,81,0.5);
    --syn-Noon-Semi: RGB(96,96,124,0.5);
}
body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: 'Roboto-Light', sans-serif;
    font-weight: 100;
    font-size: 20px;
    color: var(--syn-Noon);
    line-height: 1.5;
}
a {
    color: var(--syn-Noon);
}
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: var(--syn-Midnight);
    }

.btn-link{
    color: var(--syn-Noon);
}
.btn:focus {
    outline: none;
    box-shadow: none;
}

.btn {
    box-shadow: none !important
}
/* Set padding to keep content from hitting the edges */
.body-content {
    /* padding-left: 15px;
    padding-right: 15px;*/
}
.container-fluid {
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.bg_Noon {
    background-color: var(--syn-Noon);
}
.bg_Steam {
    background-color: var(--syn-Steam);
}
.bg_Midnight {
    background-color: var(--syn-Midnight);
}
.bg_Ocean {
    background-color: var(--syn-Ocean);
}
.bg_Petrol {
    background-color: var(--syn-Petrol);
}
.bg_Mist {
    background-color: var(--syn-Mist);
}
.bg_Sand {
    background-color: var(--syn-Sand);
}



.Header {
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 138px;
    line-height: 1.1;
    color: var(--syn-Midnight);
    max-width: 923px;
}
.subHeader {
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 55px;
    line-height: 1.1;
    color: var(--syn-Midnight);
    vertical-align: bottom;
}
.Title {
   
    font-size: 18px;
    color: var(--syn-Midnight);
    letter-spacing:0.4px;
    font-weight:100;
    
}
.AddressTitle {
    font-family: 'Roboto-Light';/*sans-serif*/
    font-size: 14px;
}
.Address {
    font-family: 'Roboto-Light';/*sans-serif*/
    font-size: 14px;
}
.FooterTitle {
    font-family: Roboto-Medium;/*sans-serif*/
    color: var(--syn-Petrol);
    font-size: 22px;
}
.Footer {
    font-family: 'Roboto-Light';/*sans-serif*/
    font-size: 16px;
}
.Ingress{
    font-family:Roboto-Medium;
    font-size:20px;
}
ol li.IngressList::marker {
    font-family: Roboto-Medium;
    font-size: 20px;
}
.nav-item {
    font-family: sans-serif;
}

.FixedUnderline {
    display: inline-block;
    padding-bottom: 4px; /* to give some gap between text and border */
    background: linear-gradient(to right, var(--syn-Midnight), var(--syn-Midnight));
    background-repeat: no-repeat;
    background-size: 50px 1px;
    background-position: 0% 100%;
}
div.bottomAlign {
    display: flex;  
    align-items: flex-end;
}
.Section {
    padding-bottom: 72px;
    padding-top: 72px;
    padding-left:30px;
}
.Textblock{
    max-width:704px;
}

.Border-Sand {
    background: var(--syn-Steam);
    padding-left: 1em;
    padding-right: 1em;
    margin-left: 4px;
    margin-right: 0px;
    height: 100%;
    padding-bottom: 1em;
}


    .Border-Sand:hover {
        background-color: var(--syn-Sand);
    }

.NoPadding {
    padding: 0px;
}
.TopPad {
    margin-top: 3em;
}
.TopPadReverse {
    margin-top: 6em;
}

.Translate{
    color:red;
}

/*Menu---------------------------------------------------------------------------------*/
#logo {
    padding-left: 23px;
    height: 43px;
    margin-bottom: 3px;
    content: url("/images/Logo_MEDIUM_COLOR notag-cropped.svg")
}
/*#logo437 {
    padding-left: 20px;
    height: 43px;
    margin-bottom: 7px;
    content: url("/images/RGB_Logo_MEDIUM_COLOR_cropped.svg");
}
#logo430 {
    padding-left: 20px;
    height: 43px;
    margin-bottom: 0px;
    //content: url("/images/RGB_Logo_MEDIUM_COLOR_cropped.svg");
    content: url("/images/Logo-43.png");
}
#logo4315 {
    padding-left: 20px;
    height: 43px;
    margin-bottom: 15px;
    content: url("/images/RGB_Logo_MEDIUM_COLOR_cropped.svg");
}
#logo40 {
    padding-left: 20px;
    height: 40px;
    content: url("/images/RGB_Logo_MEDIUM_COLOR_cropped.svg");
}
#logo45 {
    padding-left: 20px;
    height: 45px;
    content: url("/images/RGB_Logo_MEDIUM_COLOR_cropped.svg");
}
#logo45C {
    padding-left: 20px;
    height: 45px;
    content: url("/images/RGB_Logo_MEDIUM_COLOR_45_center.png");
}
#logo50 {
    padding-left: 20px;
    height: 50px;
    content: url("/images/RGB_Logo_MEDIUM_COLOR_cropped.svg");
    
}
    #logoTag {
    padding-left: 20px;
    height: 50px;
    content: url("/images/Logo_MEDIUM_COLOR_cropped.svg");
}*/

li.nav-item.active {
    border-bottom: medium;
    border-bottom-style: solid;
    border-bottom-color: var(--syn-Midnight);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    
}
li.nav-item {
    padding-right: 1rem;
    padding-left: 1rem;
    font-family: Roboto-Light;
    font-size: 14px;
    height: 72px;
    padding-top: 17px; 
    /*height: 60px;
    padding-top: 6px;*/ /*Vertikal justering*/
}
.navbar-light .navbar-nav .nav-link{
color: var(--syn-Midnight);
}
.navbar {
    padding: 0px;
    /*padding-top: 1rem;*/
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--syn-Noon-Semi);
    height: 72px;
   /* background-image: url('../../images/Logo_MEDIUM_COLOR_cropped1.svg');*/
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
}

.navbar-brand {
    padding-bottom:0px;
    
}
.row{
    margin-right:0px;
}
/*Rezising text*/
/*Different displays------------------------------------------------------*/
@media (max-width: 1536px) {
    .Header {
        font-size: 130px;
    }
}
@media (max-width: 1452px) {
    .Header {
        font-size: 120px;
    }
}
@media (max-width: 1347px) {
    .Header {
        font-size: 110px;
    }
}
@media (max-width: 1310px) {
    .Header {
        font-size: 100px;
       
    }
}
@media (max-width: 1140px) {
    .Header {
        font-size: 88px;
    }
    .subHeader {
        font-size: 51px;
    }
}
@media (max-width: 1070px) {
    .Header {
        font-size: 76px;
    }

    .subHeader {
        font-size: 48px;
    }
}
    @media (max-width: 993px) {
        body {
            font-size: 18px;
        }

        .Header {
            font-size: 68px;
            /* line-height: 80px;*/
        }

        .subHeader {
            font-size: 42px;
        }

        .AddressTitle {
            font-size: 14px;
        }

        .Address {
            font-size: 14px;
        }

        .Ingress {
            font-size: 18px;
        }
       
    }
    /*Different displays------------------------------------------------------*/
@media (max-width: 884px) {
    .subHeader {
        font-size: 40px;
    }

    @media (max-width: 842px) {
        .subHeader {
            font-size: 38px;
        }
    }
}
        /*Mobile view*/
        @media (max-width: 768px) {
        body {
            font-size: 14px;
        }

        .Title {
            font-size: 12px;
        }

        .AddressTitle {
            font-size: 12px;
        }

        .Address {
            font-size: 12px;
        }

        .Ingress {
            font-size: 14px;
        }

        .Header {
            font-size: 44px;
            /*max-width: 470px;*/
            /* line-height: 48px;*/
        }

        .subHeader {
            font-size: 38px;
        }

        .FooterTitle {
            font-size: 22px;
        }

        .Footer {
            font-size: 10px;
        }

        .TopPad {
            margin-top: 3em;
        }
        .TopPadReverse {
            margin-top: 3em;
        }

        /*.TopPadMobile {
            margin-top: 3em;
        }*/

        .Border-Sand {
          
            padding-left: 0px;
            border-left-width: 0px;
            border-top-color: var(--syn-Sand);
            border-top-width: 4px;
            border-top-style: solid;
            margin-left: 0px;
            padding-left: 0px;
            padding-top: 2em;
            padding-bottom: 2em;
            /* margin-top: 3em;*/
        }

        

        .FixedUnderline {
            background-size: 16px 1px;
        }
        /*.navbar {
                background-image: url('../../images/Logo_MEDIUM_COLOR.svg');
        }*/
            .navbar.activated {
                background-color: var(--syn-Ocean);
                background-image: url('../../images/RGB_Logo_MEDIUM_NEG.svg');
                /*background-image: url('../../images/Logo_MEDIUM_NEG.png');*/
                padding-top: 1.5rem;
                /*background-repeat: no-repeat;
    background-position-y: center*/
            }
            .navbar.activated #logo {
                content: url("");
                visibility: hidden;
            }
            

            .navbar-nav {
                background-color: var(--syn-Ocean);
                font-size: 14px;
            }

        li.nav-item {
            padding-right: 1rem;
            padding-left: 1.1rem;
            padding-top:2px;
            font-size: 18px;
            height: 2em;
        }

        .navbar-light .navbar-nav .nav-link, .nav-link {
            color: white;
        }

        li.nav-item.active {
            border-bottom: none;
            /*border-left: medium;
            border-left-style: solid;
            border-left-color: white;*/
            display: inline-block;
            /*padding-left: 4px;*/ /* to give some gap between text and border */
            background: linear-gradient(to bottom, white, white);
            background-repeat: no-repeat;
            background-size: 3px 18px;
            background-position: 2% 80%;
        }

        .navbar-light .navbar-nav .active > .nav-link {
            color: white;
        }

        .navbar-nav {
            padding-bottom: 100vh;
        }
        /*.Section {
        max-width:370px;
    }*/
    }
        @media (min-width: 768px) {
            .coworkerImg {
                display: flex;
                align-items: center;
                /*height: 400px;*/
                max-height: 350px;
               /* border: 3px solid green;*/
            }
        }

@media (min-width: 769px) and (max-width:993px) {
    .TriangleContainer {
        max-width: 33%;
    }
}

        /*Retina logo*/
      /*  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
            .navbar {
               
                background-image: url('../../images/Logo_FULL_COLOR.png');
                background-size: 160px 76px;
            }
        }*/
       
    /*@media (max-width: 576) {
    body {
        font-size: 14px;
    }
    .Header {
        font-size: 44px;
        line-height: 48px;
    }
}*/