/* HIDE MOBILE ONLY*/

.mobile {
   display: none !important; /* use on all items that you only want to show on mobile */
}
/* TYPOGRAPHY OVERRIDES */

body {
   font-size: 15px;
   line-height: 1.52em;
}
/* COMMON LAYOUT STYLES */

body {
   background-color: #3D4247;
}

.gutter {
   display: block;
   overflow: hidden;
   padding: 16px;
}

#page-wrapper {
   display: block;
   overflow: hidden;
   background-color: #ECF2F3;
   max-width: 1280px;
   margin: 0 auto;
   box-shadow: 0 0px 8px rgba(0, 0, 0, 0.75);
}

body.Frontpage {
   background: #333;
}

   body.Frontpage #page-wrapper {
      max-width: 100%;
      box-shadow: 0;
   }

.content-wrapper {
   max-width: 1280px;
   margin: 0 auto;
   display: block;
   clear: both;
   overflow: hidden;
   padding: 0 1em 0 1em;
}

.primary {
   width: 60%;
   float: left;
}

.secondary {
   width: 33.3%;
   float: right;
}

.subpage .primary {
   width: 55%;
}

.subpage .secondary {
   width: 40%;
}
/* HEADER --------------------------------------------------- */

#header {
   display: block;
   overflow: visible;
   position: relative;
   height: 70px;
   background: #000;
   z-index: 10;
}

body.Frontpage #header {
   background: rgba(0,0,0,0.75);
}

#header .container {
   max-width: 1280px;
   position: relative;
   height: 60px;
   margin: 0 auto;
   z-index: 5;
   overflow: visible;
}

#homelogo {
   width: 247px;
   height: 70px;
   position: absolute;
   top: 0;
   left: 8px;
   z-index: 10;
   background-image: url(../content/images/homelogo.png);
   background-repeat: no-repeat;
   background-size: 100%;
}

.search {
   display: none;
}

.breadcrumbs {
   font-size: 0.875em;
   font-style: italic;
   line-height: 2em;
   background: #ECF2F3;
   border-top: 1px solid #fff;
   display: block;
   clear: both;
   max-width: 1280px;
   margin: 0 auto;
   padding: 0 1em 0 1em;
   color: #9da6ae;
   text-align: center;
}

   .breadcrumbs .gutter {
      padding-top: 0;
      padding-bottom: 0;
   }

   .breadcrumbs a {
      color: #3d4247;
   }

.loginStatus {
   position: absolute;
   top: 0;
   right: 208px;
}

   .loginStatus .userName {
   }
/* navigation */

.menu1 {
   display: block;
   overflow: hidden;
   line-height: 70px;
   margin: 0 auto;
   font-weight: 600;
   position: absolute;
   right: 10px;
   top: 0;
   z-index: 2;
}

   .menu1 li {
      display: inline-block;
      float: left;
   }

   .menu1 a {
      display: block;
      padding: 0 1em 0 1em;
      color: #eee;
      text-transform: uppercase;
   }

      .menu1 a.current {
         text-decoration: underline;
         color: #fff;
      }
/* sharing/social media */

.social-sharing span {
   line-height: 25px;
}

a.share {
   width: 25px;
   height: 25px;
}
/* footer */

#footer {
   font-size: 0.875em;
   background-color: #222;
   color: #ecf2f3;
}

.footerbox {
   display: inline-block;
   float: left;
   width: 33%;
}
/* HOME PAGE */

#billboard {
   margin-top: -136px;
   position: relative;
   z-index: 0;
}

.billboard-text .gutter {
   max-width: 1248px;
   margin: 0 auto;
   padding-top: 48px;
   padding-bottom: 32px;
}

#billboard h1 {
   font-size: 2.32em;
}

.featured-items {
   display: block;
   overflow: visible;
   height: 40px;
   background: rgb(168,24,38);
   position: relative;
   z-index: 10;
}

   .featured-items .container {
      max-width: 1280px;
      height: 40px;
      overflow: visible;
      margin: 0 auto;
      padding: 0 16px 0 16px;
   }

   .featured-items .gutter {
      padding: 0;
      overflow: visible;
   }

.featured-item {
   width: 25%;
   float: left;
   display: inline-block;
   overflow: visible;
}

   .featured-item h3, .featured-item h3 a {
      color: #ffffff;
   }

   .featured-item h3 {
      text-transform: uppercase;
      padding: 0;
      margin: 0;
      line-height: 40px;
      text-align: center;
   }
/*.featured-item:nth-child(4) {    background: #B5D928;    height: 60px;    margin-top: -11px;}.featured-item:nth-child(4) .gutter {    border: 1px solid #fff;}.featured-item:nth-child(4) h3 {    line-height: 60px;  }.featured-item:nth-child(4) h3 a {    color: #4B780A;}*/ /*.Frontpage .secondary {    background: #333;    color: #eeeeee;    margin-top: 2em;    margin-bottom: 1em;    text-align: center;}.Frontpage .secondary a {    display: block;    clear: both;    background: #01BCF3;    color: #ffffff;    text-align: center;    margin-top: 0.5em;    padding: 0.25em 0 0.25em 0;}    */ /* SUB PAGES */

body.Page #menu1-container, body.Post #menu1-container, body.Contact #menu1-container, body.NewsPage #menu1-container, body.NewsPost #menu1-container {
   margin-bottom: 16px;
}
/* HERO - widescreen featured image */

.hero {
   display: block;
   overflow: hidden;
   margin: 0 auto;
   max-width: 1280px;
   margin-bottom: 0;
   margin-top: -16px;
   border-bottom: 4px solid #333;
}

body.Post .primary, body.NewsPost .primary {
   width: 66.6%;
}

body.Post .hero, body.NewsPost .hero {
   width: 100%;
   margin-left: -16px;
   margin-bottom: 1em;
   display: block;
   overflow: hidden;
}

   body.Post .hero .panorama, body.NewsPost .hero .panorama {
      width: 100%;
      margin: 0;
   }
/* LISTING ITEMS - column widths */

#list-wrapper {
   display: block;
   overflow: hidden;
   margin-top: 1em;
   background: #ffffff;
   border-top: 1px solid #dddddd;
}

.page-list-item {
   display: inline-block;
   overflow: hidden;
}

   .page-list-item h3 {
      text-transform: uppercase;
      padding-bottom: 0.25em;
      margin-bottom: 0.5em;
      border-bottom: 3px solid #ECF2F3;
   }

      .page-list-item h3 a {
         color: #333;
      }

.col-1 .page-list-item {
   width: 100%;
}

.col-2 .page-list-item {
   width: 50%;
   float: left;
}

   .col-2 .page-list-item .gutter {
      margin: 8px;
      padding: 8px;
   }

.col-3 .page-list-item {
   width: 33.3%;
   float: left;
}

.col-4 .page-list-item {
   width: 25%;
   float: left;
}

.list-image {
   width: 40%;
   float: right;
   vertical-align: bottom;
   margin-left: 16px;
}

@media only screen and (max-width: 800px) {
   .col-2 .page-list-item {
      width: 100%;
      float: none;
   }

   .list-image {
      width: 33.3%;
   }
}
/* SIDEBAR */

.optionalWidget {
   margin-bottom: 1em;
}

.sidebar-image-gallery {
   margin-top: 1em;
   margin-bottom: 1em;
   background: #ffffff;
}

   .sidebar-image-gallery img {
      width: 100%;
      vertical-align: bottom;
      margin-bottom: 0.5em;
   }

#sponsors {
   display: block;
   overflow: hidden;
   background: #ffffff;
   border-top: 4px solid #9DA6AE;
   border-bottom: 4px solid rgb(168,24,38);
   line-height: 28px;
   padding: 8px 0 8px 0;
   text-align: center;
}

   #sponsors img {
      width: 20% !important;
      height: auto !important;
      max-width: 200px !important;
   }
/* BASIC CONTACT FORM */

.generic-fieldset {
   max-width: 400px;
   background: #ffffff;
}
/* custom background for wide screens */

@media only screen and (min-width: 1024px) {
   body {
      /*background-image: url(http://skjebergrittet.blob.core.windows.net/media/1001/skjbergrittet-bg.jpg);*/
      background-image: url('/media/1001/skjbergrittet-bg.jpg');
      background-position: center top;
      background-size: cover;
      background-attachment: fixed;
   }
}
/* ADJUSTING LAYOUT DEPENDING ON SCREEN WIDTH */

@media only screen and (max-width: 1024px) { /* reduce font size - example */

   body {
      font-size: 14px;
   }

   .hero .panorama {
      width: 120%;
      margin-left: -10%;
   }

   #menu1 a {
      padding: 0 0.5em 0 0.5em;
   }

   #billboard .panorama {
      width: 140%;
      margin-left: -20%;
   }
}