@charset "utf-8";

header, nav, footer {
  font-family : 'Source Sans Pro', Sans-serif;
  font-size : 18px;
  line-height : 27px;
}

div.h1-wrapper {
  width : 1120px;
  margin : 0 auto;
  position : relative;
}

ul.h1-grid {
  list-style-type : none;
  margin : 0;
  padding : 0;
  text-align : center;
  font-size : 0;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

ul.h1-grid > li {
  margin : 0;
  padding : 0;
  text-align : left;
  font-size : 18px;
  vertical-align : top;
  position : relative;
}

/* ************************************************************************* *
 * OVERRIDES
 * ************************************************************************* */

.card.mb-3,
.primary-content .card,
.primary-content .mc-promo-login,
.primary-content .mc-promo-manage {
  margin-bottom: 1.25rem !important;
}

div[menuitemname="Recent Tickets"] div.sidebar-menu-item-label {
  overflow: hidden;
}

header > .main-navbar-wrapper {
  background-color: #0e5077;
}

ul#nav + ul.navbar-nav > li > a,
ul#nav > li > a {
  color: #fff !important;
}

.language-popover {
    max-width: 450px;
    width: 100%;
    background-color: rgba(20, 20, 20, 0.98);
    background-image: url('../img/worldmap.png');
    background-repeat: no-repeat;
    font-size: 0.8em;
}
.language-popover.popover.bottom > .arrow:after {
    border-bottom-color: rgba(20, 20, 20, 0.97);
}
.language-popover .popover-content ul {
    margin: 6px 0 14px 0;
    padding: 0;
    max-width: 400px;
    list-style-type: none;
    overflow: hidden;
}
.language-popover .popover-content li {
    float: left;
    display: inline;
    padding: 0 20px 0 40px;
    width: 33.333%;
    line-height: 2em;
}
.language-popover .popover-content li a {
    color: #f2f2f2;
}

@media (max-width: 480px) {
    .language-popover {
        max-width: 250px;
        background-position: -50px 0;
    }
    .language-popover .popover-content li {
        padding: 0 20px;
        width: 50%;
    }
}

.hidden {
  display: none;
}

.language-popover {
    max-width: 450px;
    width: 100%;
    background-color: rgba(20, 20, 20, 0.98);
    background-image: url('../img/worldmap.png');
    background-repeat: no-repeat;
    font-size: 0.8em;
}
.language-popover.popover > .arrow:after {
    border-bottom-color: rgba(20, 20, 20, 0.97);
}
.language-popover .popover-body ul {
    margin: 6px 0 14px 0;
    padding: 0;
    max-width: 400px;
    list-style-type: none;
    overflow: hidden;
}
.language-popover .popover-body li {
    float: left;
    display: inline;
    padding: 0 20px 0 40px;
    width: 33.333%;
    line-height: 2em;
}
.language-popover .popover-body li a {
    color: #f2f2f2;
}

@media (max-width: 480px) {
    .language-popover {
        max-width: 250px;
        background-position: -50px 0;
    }
    .language-popover .popover-body li {
        padding: 0 20px;
        width: 50%;
    }
}

@media (min-width: 1120px) {
  #h1-cart-mobile {
    display: none;
  }
}
@media (max-width: 1120px) {
  #h1-language-selection,
  #h1-cart-desktop,
  #h1-notifications {
    display: none;
  }
}

.affiliate-stat {
  font-size: 1.25em;
}

/* ************************************************************************* *
 * LAYOUT
 * ************************************************************************* */

.h1-nav {
  background-color : #3b3c3a;
  color : #fff;
}

.h1-nav ul {
  list-style-type : none;
  display: flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

.h1-nav li {
  padding: 0.5rem 1rem;
}

.h1-nav a {
  color: inherit;
}

#mainNavbar #h1-mobile-nav {
  display: none;
}

#mainNavbar.show #h1-mobile-nav {
  display: block;
}

#h1-mobile-separator {
  border-color: #fff;
}

#h1-mobile-nav a {
  color: #fff;
}

footer.footer {
  background-color: #143548;
  color : #fff;
}

ul.grid-footer li.contact {
  width : 265px;
  background : transparent url('https://host1.no/images/logo-host1-footer.png') no-repeat;
  padding-top : 42px;
  line-height : 36px;
}
ul.grid-footer li.contact p {
  padding : 0;
}

ul.grid-footer li.contact a {
  text-decoration : underline;
}

ul.grid-footer li.follow {
  flex-shrink: 1;
}
ul.grid-footer li.follow p {
  padding : 0;
  display: flex;
  align-items: center;
}
ul.grid-footer li.follow a {
  position : relative;
  padding-left : 22px;
}
ul.grid-footer li.follow a:hover {
  text-decoration : underline;
}

ul.grid-footer li.follow a > i{
  position : absolute;
  left : 0px;
  top : 5px;
  font-size : inherit;
  color : #fff;
}

ul.grid-footer li.about {
  width : 550px;
}

ul.grid-footer a {
  color : #fff;
  font-weight : normal;
  text-decoration : none;
}

ul.grid-footer .bold {
  font-size : 20px;
  line-height : 20px;
  font-weight : 600;
}

@media (max-width: 1200px) {
  .h1-nav {
    display: none;
  }
}

@media (max-width: 1000px) {
  ul.h1-grid > li {
    font-size : 14px;
  }
}

@media (max-width: 700px) {
  header, body > nav, footer {
    font-size : 12px;
  }

  ul.h1-grid > li {
    font-size : 12px;
  }

  ul.h1-grid {
    flex-wrap: wrap;
  }

  ul.grid-footer li.about {
    width: 100% !important;
  }

  header.header .navbar-nav > li:first-child {
    margin-left: 0 !important;
  }
}

@media (max-width: 1160px) {
  div.h1-wrapper {
    width : 95%;
  }
}