:root {
    --primary-blue: #00446c;
    --secondary-blue: #41B6E6;
    --info-blue:#ECF1F3;
    --beige: #b19fa0;
    --font-color: #1D1D1B;
    --white: #ffffff;
    --black: #000000;
  }

  /* To be able to align the image to right when using description to image*/
  .wp-caption.alignright, img.alignright{
    float: right;
    margin: 0 0 1em 1em;
  }

  .wp-caption.alignleft, img.alignleft{
    float: left;
    margin: 0 0 1em 1em;
  }

/***** BASIC FONT AND COLOR *****/
.page-id-5 #page, .page-id-534 #page{
    margin-top: 0!important;
    z-index: 2;
    position: relative;
}

#page{
    margin-top: -90px!important;
    z-index: 2;
    position: relative;
}

body, em {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--font-color);
    font-size: 18px;
}

body:not(.home), .home #page {
    background-color: #f9f9f9;
}

h1 {
    font-size: 3.5rem!important;
    color: var(--primary-blue);
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: franklin-gothic-urw, sans-serif;
    font-weight: 500;
    color: var(--primary-blue);
}

.bg-color-primary {
    background-color: var(--primary-blue);
}

.bg-color-info {
    background-color: var(--info-blue);
}

.bg-color-beige {
    background-color: var(--beige);
}

.bg-color-menu{
    background-color: var(--white);
    opacity: 90%;
}

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

.uk-overlay-primary {
    background-color: rgba(34,34,34,.3);
  }

.uk-overlay-default {
    background-color: rgba(255, 255, 255, 0.3);
}

.text-white{
    color: var(--white)!important;
}

.text-primary{
    color: var(--primary-blue)!important;
}

.text-font-color{
    color: var(--font-color)!important;
}

/* NYTT FÖR EVENT: */

.uk-card-primary {
    background-color: var(--primary-blue);
}

.uk-card-primary p {
    color: var(--white) !important;
}

.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary {
  border: 2px solid var(--white);
  color: var(--white);
  background-color: var(--primary-blue);
}

.card-outline {
    border: 1px solid var(--primary-blue);
}

.card-outline .uk-divider-small::after {
    border-top-color: var(--primary-blue);
}
.uk-card-media-top, .uk-card-media-top img.size-object-fit-cover {
    width: 100%;
}

.uk-card-media-top img.size-object-fit-cover {
    height: 205px;
    object-fit: cover;
}

.uk-subnav-pill>.uk-active>a {
    background-color: transparent;
    border: 1px solid var(--primary-blue);
    color: var(--primary-blue) !important;
}

.contact-form-input-outlines .ginput_container input, .ginput_container textarea, .ginput_container select {
    border: 1px solid var(--black);
}

.uk-subnav-pill>*>:first-child {
    color: var(--beige);
    font-weight: bold;
}
/* END NYTT FÖR EVENT */

.img-circle{
    border-radius: 50%;
    height: 150px!important;
    width: 150px!important;
    object-fit: cover;
}

.z-index--1{
    z-index:-1;
}

.container-1140{
    max-width: 1140px;
}

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

.height-logo{
    height: 40px;
}
/***** END BASIC FONT AND COLOR *****/

/***** CHAT *****/
.tvx-customer-widget-button.ng-scope.tvx-collapse-button {
    right: 10px!important;
    bottom: 10px;
}
/***** END CHAT *****/

/***** HEADER AND MENU *****/
header {
    padding: 15px 0px 10px 0px; 
    margin: 0 auto;
}

.header-container {
    display: flex;
    justify-content: space-between;
}

.uk-slideshow-items {
    position: initial;
}

/* Main-menu */


#menu-main-menu li a,
#menu-main-menu-1 li a, #menu-main-menu-2 li a{
    color: var(--font-color);
    font-family: franklin-gothic-urw, sans-serif;
}

#menu-main-menu-2{
    padding-left: 20px;
}

#menu-main-menu{
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

ul#menu-ny.menu {
    list-style: none;
    padding-left: 0;
    display: flex;
    text-decoration: none;
    gap: 50px;
}

.mobilemenu #menu-main-menu-1{
    list-style: none;
    padding: 0 20px;
    margin: 0;
}

.mobilemenu #menu-main-menu-2 li a{
    font-size: 20px;
    margin-bottom: 5px;
}

#menu-main-menu li{
    padding-right: 30px;
}

hr.uk-divider-vertical{
    border-left:1px solid var(--font-color);
    height: 4rem;
}
/* End Main-menu */

/* SOME */
.instagram .sbi_header_hashtag_icon {
    color: var(--primary-blue);
}

.instagram .sbi_header_img {
    background-color: transparent;
    border: 1px solid var(--primary-blue);
}

.icon-some a {
    background-color: transparent;
    border: 1px solid var(--font-color);
}

.icon-some a svg, .icon-some a.uk-icon-button{
    color: var(--black);
}

.icon-some a svg:hover {
    color: var(--primary-blue);
}
/* End SOME */

/*Flags wpml*/
.wpml-ls-legacy-list-horizontal a{
    padding: 5px 5px 6px!important;
}

.flag-wpml #menu-dropdown-menu {
    justify-content: right!important;
}

/*Dropdown*/
.sticky-modal{
    font-size: 20px!important;
    font-weight: 100!important;
}

.sticky-modal-position{
    margin-right: -0.25rem;
}

.uk-modal-close-full svg{
    width: 30px;
}

#menu-dropdown-menu #menu-item-488 .menu-item-has-children ul li a:first-child,
#menu-dropdown-menu-1 .menu-item-488 .menu-item-has-children ul li a:first-child,
#menu-dropdown-menu-no .menu-item-4429 .menu-item-has-children ul li a:first-child,
ul .sub-menu .sub-menu .menu-item-has-children ul li a:first-child,
.menu-item-4449, .menu-item-4450, .menu-item-4451, .menu-item-4452, .menu-item-4453,
#menu-dropdown-menu #menu-item-490 .menu-item-has-children ul li a:first-child, #menu-dropdown-menu-1 .menu-item-490 .menu-item-has-children ul li a:first-child{
    font-weight: 100 !important;
    margin-left: 5px !important;
    font-size: 20px !important;
}

a.dropdown-nav, 
#menu-dropdown-menu li a, #menu-dropdown-menu-1 li a, #menu-dropdown-menu-no li a {
    color: var(--font-color);
    font-family: franklin-gothic-urw, sans-serif;
    font-size: 25px;
    font-weight: bold;
}

a.dropdown-nav:hover, 
#menu-dropdown-menu li a:hover, #menu-dropdown-menu-1, #menu-dropdown-menu-no li a:hover{
    text-decoration: underline;
}

#menu-dropdown-menu #menu-item-488 .menu-item-has-children ul li a:first-child:hover,
#menu-dropdown-menu-1 .menu-item-488 .menu-item-has-children ul li a:first-child:hover,
#menu-dropdown-menu #menu-item-490 .menu-item-has-children ul li a:first-child:hover, #menu-dropdown-menu-1 .menu-item-490 .menu-item-has-children ul li a:first-child:hover{
    text-decoration: underline;
}

#menu-dropdown-menu, #menu-dropdown-menu-1, #menu-dropdown-menu-no {
    display: flex;
    justify-content: space-around;
    padding: 0 20px;
}

#menu-dropdown-menu #menu-item-488, #menu-dropdown-menu-1 .menu-item-488, #menu-dropdown-menu-no .menu-item-488 {
    margin-right: 12px;
}

#menu-dropdown-menu #menu-item-489, #menu-dropdown-menu-1 .menu-item-489, #menu-dropdown-menu-no .menu-item-489, #menu-dropdown-menu #menu-item-490, #menu-dropdown-menu-1 .menu-item-490{
    font-weight: bold;
    margin-right: 12px;
}

#menu-dropdown-menu li.menu-item-type-custom a[href="#"], #menu-dropdown-menu-1 li.menu-item-type-custom a[href="#"], #menu-dropdown-menu-no li.menu-item-type-custom a[href="#"]{
    display: none;
}

#menu-dropdown-menu li li, #menu-dropdown-menu-no li li {
    margin-bottom: 5px;
}

#menu-dropdown-menu-1 li.menu-item-has-children, #menu-dropdown-menu-no li.menu-item-has-children {
    border-bottom: 1px solid var(--white);
}

#menu-dropdown-menu-1 li li, #menu-dropdown-menu-no li li a {
    margin-bottom: 8px;
    font-size: 15px !important;
	font-weight: 100 !important;
}

.uk-dropdown, .mobilemenu .uk-navbar-dropdown {
    background: var(--primary-blue);
}

.menu-dropdown-menu-container #menu-dropdown-menu li a[href="#/"]:hover, .menu-dropdown-menu-container #menu-dropdown-menu li a[href="#/"], .menu-dropdown-menu-container #menu-dropdown-menu-1 li a[href="#/"]:hover, .menu-dropdown-menu-container #menu-dropdown-menu-1 li a[href="#/"], .menu-dropdown-menu-container #menu-dropdown-menu-no li a[href="#/"]:hover, .menu-dropdown-menu-container #menu-dropdown-menu-no li a[href="#/"]{
    text-decoration: none;
    color: var(--font-color)!important;
    pointer-events: none!important;
    cursor: default;
}
/* End Dropdown */
/***** END HEADER AND MENU *****/


/***** HERO *****/
/* Firstpage */
.clip-path-img-hero{
    z-index:-1;
}

.hero-frontpage, .height-hero-img{
    height: 600px;
	min-height: 600px !important;
	max-height: 600px !important;
}

.hero-text{
    padding: 50px 0 20px 0;
}
/* End firstpage */

.heroimg-svg {
    padding: 0 0 70px 0;
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    display: block;
    box-sizing: border-box;
}
.heroimg-svg::after {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.heroimg-svg .text-hero {
    position: relative;
    z-index: 2;
    display: block;
}
.svg-shape {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 1;
    bottom: -3px;
    transition: transform 0.8s, -webkit-transform 0.8s;
    transform-style: preserve-3d;
    fill: #f9f9f9;
}

.svg-shape span {
    display: block;
    line-height: 0;
    font-size: 0;
}

header.entry-header{
    padding: 0;
}

#page .entry-title {
    display: none;
}

 /* On every page except firstpage */
.hero h1.hero-title{
    color: var(--white)!important;
}

.overflow-hidden{
    overflow-x: hidden!important;
    position: relative!important;
    max-width: 100%!important;
}

.video-hero-pages {
    height: 100%!important;
    width: 120%!important;
    object-fit: cover;
}
/***** END HERO *****/

/***** BUTTONS AND LINKS*****/
a.uk-button.uk-button-primary{
    font-family: franklin-gothic-urw, sans-serif;
    /*border: 2px solid var(--black);*/
    background-color: var(--primary-blue);
    color: var(--white);
    line-height: 27px!important;
    font-size: 16px!important;
}

.box-shadow { 
    background-color: white;
    box-shadow: 0px 20px 30px 20px rgba(255,255,255);
    z-index: -5;
    position: relative;
}

.box-shadow-btn { 
    box-shadow: 0px 20px 10px 10px rgba(255, 255, 255, 0.5) inset;
}

a.btn-grey{
    font-family: franklin-gothic-urw, sans-serif;
    background-color: #ededed!important;
    color: var(--font-color)!important;
    font-size: 16px!important;
}

.sticky-button a svg{
    width: 90px;
    opacity: 0.8;
}

.sticky-button a svg{
    color: var(--white);
}

.sticky-button-position{
    margin-right: -1rem;
}

a {
    color: var(--black);
}
/* Hover */
a.uk-button:hover{
  text-decoration: underline;
  background-color: var(--beige)!important;
  color: var(--white)!important;
}

a.link-in-container:hover, h3 a:hover {
    color: var(--beige);
}

.sticky-button a svg:hover{
    opacity: 0.5;
}

a:hover {
    color: var(--beige)!important;
}

/* UK-BADGE for Events */
.position-offset-top {
    top: -10px;
}
.z-index-10 {
    z-index: 10;
}
.uk-badge {
    font-size: 1.125rem;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #00446c;
    padding: 1rem;
}

/***** END BUTTONS AND LINKS*****/

/***** FOOTER *****/
.footer{
    background-color: var(--primary-blue);
}

.footer-img-max-width {
    height: 40px;
}

footer, footer a{
    color: var(--white);
}

.text-footer{
    padding: 15px 0;
}

.text-footer h4{
    color: var(--white);
}

.text-footer a:hover, .footer-extra a:hover {
    color: var(--white);
    text-decoration: underline;
}

.footer .icon-some a svg, .icon-some a.uk-icon-button{
    color: var(--white);
}

.footer .icon-some a {
    border: 1px solid var(--white);
}

.footer .icon-some a svg:hover {
    color: var(--primary-blue);
}

.footer .some-margin-footer{
    margin-right: 25px;
}

/* Nytt */
img.footer-image-max-width {
    max-width: 250px;
    height: auto;
    align-self: baseline;
}

@media screen and (max-width: 1200px){
    .order-first-mobile {
        order: 1;
    }
    .order-second-mobile {
        order: 2;
    }
    .order-last-mobile {
        order: 3;
    }
     .order-last-mobile.uk-margin-small-bottom {
        margin-bottom: 50px !important;
    }
}
@media (max-width: 768px) {
    .menu-ny-2 {
      display: none !important;
    }
  }
  

/***** END FOOTER *****/

/***** MEDIA QUERIES MIN-WIDTH 1686px *****/
@media screen and (min-width: 1686px){
    .hero .text-hero div h1{
        margin-bottom: 15rem!important;
    }

    .menu-dropdown-menu-container, .menu-dropdown-menu-no-container {
        max-width: 75%;
        margin: 0 auto;
    }

    .page:not(.home) .site-main{
        margin-top: -120px;
    }
}

/***** MEDIA QUERIES MAX-WIDTH 1685px *****/
@media screen and (max-width: 1685px){
    .heroimg-svg {
        padding: 0px 0 200px 0;
    }

    #page{
        margin-top: -40px!important;
    }
}

/***** MEDIA QUERIES MAX-WIDTH 992px *****/
@media screen and (max-width: 992px){
    .heroimg-svg {
        padding: 0px 0 100px 0;
    }

    #page{
        margin-top: -5px!important;
    }

    h1 {
        font-size: 2.5rem!important;
    }

    .bg-color-mob-menu{
        background-color: var(--white);
        opacity: 90%;
        height: 70px;
        z-index: 380;
        margin: 0 !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: fixed;
        top: 0px;
        width: 100%;
        box-sizing: border-box;
    }

    .height-logo{
        height: 30px;
    }

    a .height-logo{
        margin-top: 18px;
    }

    .text-hero {
        padding-top: 60px;
    }

    #page{
        z-index: 0;
    }

    .container-remove-height-mob {
        height: 0px!important;
    }
}

/***** MEDIA QUERIES MAX-WIDTH 960px *****/
@media screen and (max-width: 960px){
    #menu-dropdown-menu, #menu-dropdown-menu-1{
        flex-direction: column;
    }

    /*Flags wpml*/
    .wpml-ls-flag{
    margin-bottom: 5px;
    }

    .wpml-ls-legacy-list-horizontal a{
        padding: 5px 5px 6px 0px!important;
    }

    .wpml-ls-legacy-list-horizontal{
        padding: 0px!important;
    }

    .height-hero-img, .hero-frontpage{
        height: 450px;
    }

    .uk-icon-link.icon-mobile-menu{
        color: var(--font-color);
    }
}

/***** MEDIA QUERIES MAX-WIDTH 640px *****/
@media screen and (max-width: 640px){
    .wp-caption.alignright, img.alignright{
        float: none;
        margin: 0 0 1em 1em;
      }
    
      .wp-caption.alignleft, img.alignleft{
        float: left;
        margin: 0 0 1em 1em;
      }

    .sticky-button a svg{
        width: 70px;
    }

    .hero .hero-title {
        font-size: 30px;
    }

    .heroimg-svg {
        padding: 0px 0 70px 0;
    }

    blockquote{
        font-size: medium;
    }

    .hero-text{
        font-size: 30px;
        padding: 70px 0 0 0;
    }

    .img-circle{
        border-radius: 50%;
        height: 100px!important;
        width: 100px!important;
        object-fit: cover;
    }

     h1 {
    font-size: 1.9rem!important;
    }

    .staff-mobile, .staff-mail {
        font-size: 80%;
    }

    .height-logo{
        height: 22px;
    }

    a .height-logo{
        margin-top: 15px;
        margin-bottom: 15px!important;
    }

    a.uk-button.uk-button-primary.btn-mobile-menu{
        font-size: 14px!important;
        padding: 0 12px!important;
    }

    .bg-color-mob-menu{
        height: 50px;
    }

    .mobile-menu.uk-sticky.uk-active.uk-sticky-fixed{
        top: 10px!important;
    }
}

section.no-results.not-found {
	margin-left: auto;
	margin-right: auto;
	display: grid;
}

section.no-results.not-found p {
	margin-left: auto;
	margin-right: auto;
}

.descText {
	margin-left: auto;
	margin-right: auto;
}

form.search-form {
	margin-left: auto !important;
	margin-right: auto !important;
}
form.search-form input {
	width: 80px;
	height: 50px;
}
input.search-submit {
	font-size: 14px;
}