/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* #g-navigation */
#g-navigation {
  background: rgba(0, 0, 0, 0.5);
  z-index: 4;
}
#g-navigation.nav-down.nav-dark {
  background: #000000 !important;
}
#g-navigation {
  /* Default logo image size */
  /* Default menu font size (16px * 1.2 */
  position: fixed;
  width: 100%;
  top: 0;
}
#g-navigation .gantry-logo img {
  width: 250px;
}
#g-navigation .g-main-nav {
  font-size: 1.2rem;
}
#g-navigation .g-main-nav .g-toplevel > li .g-menu-item-container {
  color: white;
}
#g-navigation .g-main-nav .g-toplevel > li .g-menu-item-content:hover {
  color: #f71924;
}
#g-navigation .g-main-nav .g-toplevel > li .g-menu-item-content {
  border-bottom: 1px transparent solid;
}
#g-navigation .g-main-nav .g-toplevel > li.active .g-menu-item-content {
  border-bottom: 1px #f71924 solid;
}
#g-navigation .g-main-nav .g-toplevel > li.active .g-dropdown .g-menu-item-content {
  border-bottom: 1px transparent solid;
}
#g-navigation .g-main-nav .g-toplevel > li.active .g-dropdown li.active .g-menu-item-content {
  border-bottom: 1px #f71924 solid;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: transparent;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: #fff;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  text-shadow: 1px 1px 1px #333;
}
#g-navigation .g-main-nav ul.g-sublevel {
  /* background:#eee; */
  background: #1b1d1b;
}
#g-navigation .g-main-nav ul.g-sublevel .g-menu-item-container {
  /* color:#000; */
  color: #fff;
}
#g-navigation .g-main-nav ul.g-sublevel .g-menu-item-container:hover {
  color: #f71924;
}
#g-navigation #os-nav-main-menu-content .g-content {
  position: absolute;
  bottom: 0;
  right: 0;
}
/* referanse og produkt pages */
.portfolio .box {
  margin-bottom: 1rem;
}
.portfolio img {
  transform: scale(1, 1);
  transition: transform 1s;
  min-height: 100%;
  object-fit: cover;
}
.portfolio .img-container {
  overflow: hidden;
  height: 300px;
  margin-bottom: 1rem;
}
.portfolio .text-container {
  height: 60px;
  display: flex;
  align-items: center;
}
.portfolio a:hover {
  box-shadow: 0px 0px 10px #c7c7c7;
}
.portfolio a:hover .text-container {
  color: #f71924;
}
.portfolio a:hover img {
  filter: saturate(1.5);
  transform: scale(1.1, 1.1);
  transition: transform 0.5s;
}
/************************************/
/* START JOOMLA 4 migration stuff */
/* Bootstrap 5 */
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  padding-right: 0;
  padding-left: 0;
}
/* uikit */
.uk-grid-collapse {
  margin-left: 0 !important;
}
.uk-grid-collapse > * {
  padding-left: 0 !important;
}
/* Vertical */
.uk-grid-collapse + .uk-grid-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-collapse > * > .uk-panel + .uk-panel {
  margin-top: 0 !important;
}
.uk-list {
  margin-left: 0;
}
/* END JOOMLA 4 migration stuff */
/************************************/
/* offcanvas - mobile menu */
#g-offcanvas {
  /* offcanvas & mobile-menu bg */
  background: #8797ae;
  /* was dark-greenish: #354d59; */
}
#g-offcanvas #g-mobilemenu-container {
  /* hover and active menu item bg*/
  /* nav button (for submenus) */
}
#g-offcanvas #g-mobilemenu-container ul {
  background: #8797ae;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #354d59;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid #354d59;
  background: #354d59;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: #354d59;
}
/* blue bg active menu */
/* Hide original mobile menu toggle - copied menu html code to custom module (os-toggle-module) - in #header below */
.g-offcanvas-toggle {
  top: 1.2rem;
  left: 1rem;
  font-size: 3rem;
  color: white !important;
}
#g-header {
  /* header bg */
  background: #bbb url('../../../../images/images/header_bg/origobygg_front_bg_2_1600_500.jpg');
  /* origobygg_front_bg_1_1600_500.jpg */
  background-size: cover;
  background-position: 0 0;
  /* logo */
  /*  img.os-logo{
    background-color: rgba(255,255,255, 0.5);
    padding:5px;
    border: 1px #333 solid;
    border-radius: 3px;
  }*/
  /* start header text - over bg img */
  /* end header text - over bg img */
  /***************************** START MENU (mobile only) ******************************************/
  /* always displayed (ref Base Outline -> Styles -> Config styles -> Mobile Menu -> breakpoint 2048rem) */
  /*.os-toggle-module{
      position:relative;
        .g-offcanvas-toggle {
          font-size: 3rem;
          color: #030;
          padding-left:10px;
          background-color: rgba(255,255,255, 1);
          border: 1px #333 solid;
          border-radius: 3px;
          display: block;
          top: 0;
          right:0;
          z-index: 10;
          line-height: 1;
          cursor: pointer;

          .os-menu-text{
            font-size:1.2rem;
            margin-bottom:5px;
          }
          i.fa{
            margin-left:-5px;
          }
        }
    }*/
}
#g-header .header-text-wrapper-div {
  height: 300px;
  text-align: center;
}
#g-header .header-text-wrapper-div .header-text-span {
  font-size: 4rem;
  margin-bottom: 160px;
  display: inline-block;
  float: none;
  color: #fff !important;
  text-shadow: 1px 1px 1px #000;
  font-weight: bold;
}
/* Override for header bg based on tamplate Outline page is assigned to if none (use default above */
/* body id:  bg-windows OR bg-building */
body#bg-windows #g-header {
  background: #bbb url('../../../../images/images/header_bg/origobygg_front_bg_1_1600_500.jpg');
  /* origobygg_front_bg_1_1600_500.jpg */
  background-size: cover;
  background-position: 0 0;
}
body#bg-building #g-header {
  background: #bbb url('../../../../images/images/header_bg/origobygg_front_bg_2_1600_500.jpg');
  /* origobygg_front_bg_1_1600_500.jpg */
  background-size: cover;
  background-position: 0 0;
}
body#bg-antique #g-header {
  background: #bbb url('../../../../images/Origo%20Bygg.%20Toppbilde.%20Antikvariske.png');
  background-size: cover;
  background-position: 0 0;
}
/**************************** showcase *********************/
#g-showcase {
  padding: 0;
}
#g-showcase .g-content {
  padding-top: 2rem;
  padding-bottom: 2rem;
  /* overridden in breakpoints (was 0.938rem) */
  margin-top: 0;
  /* overridden in breakpoints (was 0.938rem) */
  margin-bottom: 0;
}
#g-showcase h2 {
  font-size: 1.9rem;
  /* overridden in breakpoints */
  margin-top: 0;
  margin-bottom: 0;
}
/*Page titles - set same vertical position / size as module titles default*/
#g-main {
  font-size: 1.15rem;
  color: #333333;
  background-color: #f0f0f0;
  /* overridden in breakpoints */
  /* overridden in breakpoints */
  /* overridden in breakpoints */
  /* padding-top: 0; */
  /* Removed page headers*/
  /* .page-header{
		margin-top: 0;
        margin-bottom: 20px;
        border-bottom: 1px solid #eee;
       
		h1{
			font-size: 1.5rem;
    		margin-bottom: 0;
		}
      
	} */
  /*************************************/
  /* Start "side-menus" */
  /* End "side-menus" */
  /*************************************/
}
#g-main h1 {
  /* #e9eeee (from ppt andreas: #e9eeee ) f0f0f0 */
  font-size: 2.3rem;
}
#g-main h2 {
  font-size: 1.9rem;
  margin-bottom: 18px;
}
#g-main h3 {
  font-size: 1.5rem;
  margin-bottom: 18px;
}
#g-main h4 {
  font-size: 1.3rem;
}
#g-main .os-front-slogan {
  background-color: #354d59;
  padding: 30px;
  /* was: #232a34  */
  padding-left: 50px;
  padding-right: 50px;
}
#g-main .os-front-slogan h3 {
  color: #fff;
  text-align: center;
  font-weight: bold;
}
#g-main .os-sub-menu .g-content {
  background-color: #354d59;
  /* #294e76; */
}
#g-main .os-sub-menu .g-content.nav-down.nav-dark {
  background-color: #000000;
}
#g-main .os-sub-menu .g-content h3.g-title {
  color: #ddd;
  /* #c1d7ec; */
  text-align: center;
  hyphens: auto;
  /* overflow-wrap: break-word; */
}
#g-main .os-sub-menu .g-content a {
  color: #ffffff;
  font-size: 1.1rem;
  hyphens: auto;
  /* overflow-wrap: break-word; */
}
#g-main .os-sub-menu .g-content a:hover {
  color: #f71924;
}
#g-main .os-sub-menu .g-content div.sub-menu.moduletable ul.mod-menu.mod-list.nav {
  display: block;
  margin-left: 0;
}
#g-main .os-sub-menu .g-content div.sub-menu.moduletable ul.mod-menu.mod-list.nav li.nav-item a {
  padding: 5px 10px;
  display: block;
}
#g-main .os-sub-menu .g-content div.sub-menu.moduletable li.nav-item > a:focus, #g-main .os-sub-menu .g-content div.sub-menu.moduletable li.nav-item > a:hover {
  text-decoration: none;
  background-color: #8797ae;
  /* #eee; */
}
#g-main .os-sub-menu .g-content div.sub-menu.moduletable li.current {
  background-color: #8797ae;
  /* #f0f0f0; */
}
#g-main .os-sub-menu .g-content div.sub-menu.moduletable li.current a {
  color: #f71924;
}
/**************************** presubfeature *********************/
#g-presubfeature {
  background-color: #8797ae;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
}
#g-presubfeature .os-info-box {
  background-color: #232a34;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 30px;
  padding-left: 50px;
  padding-right: 50px;
}
#g-presubfeature div.os-info-box:has(a.os-kontakt:hover) {
  background-color: #000000;
}
#g-presubfeature a {
  color: #fff;
}
#g-presubfeature a:hover, #g-presubfeature a:focus {
  text-decoration: underline;
}
#g-footer {
  background-color: #8797ae;
  padding-top: 50px;
  padding-bottom: 20px;
}
#g-footer .g-container {
  font-size: 1.2rem;
}
#g-footer a {
  color: #fff;
  font-weight: bold;
}
#g-footer a:hover, #g-footer a:focus {
  color: #354d59;
  /* text-decoration:underline;
    text-decoration-color:#354d59; */
}
#g-footer h1, #g-footer h2, #g-footer h3, #g-footer h4, #g-footer h5 {
  color: #000;
}
/* End "side-menus" */
/* #g-navigation{
.g-menu-item-content{
    font-size: 1.2rem;
 }
}  */
.os-margin-bottom {
  margin-bottom: 15px;
}
.os-pull-center {
  text-align: center;
}
/* #294e76; */
/* Override primary button from gantry core*/
.btn-primary {
  background: #8797ae;
  color: #ffffff;
  text-shadow: none;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-primary:hover {
  background: #96a4b8;
  color: #ffffff;
}
.btn-primary:active, .btn-primary:focus {
  background: #788aa4;
  box-shadow: inset -1px -1px 1px rgba(0, 0, 0, 0.15);
  color: #ffffff;
}
/* Custom btn-success (does not exist in J4) */
.btn.btn-success {
  background: #198754;
  color: #fff;
  text-shadow: none;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.btn.btn-success:hover {
  color: #fff;
  background: #1d9d61;
}
.btn.btn-success:active, .btn.btn-success:focus {
  color: #fff;
  background: #157147;
  box-shadow: inset -1px -1px 1px rgba(0, 0, 0, 0.15);
}
/* Custom table-striped (does not exist in J4) */
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
/* debug classes to display different breakpoint divs in content - easier to see breakpoints*/
.large-desktop-range, .desktop-range, .tablet-range, .large-mobile-range, .small-mobile-range {
  display: none;
}
/* Breakpoints*/
@media only all and (min-width: 75rem) {
  #g-footer .os-address-margin-left {
    margin-left: 50px;
  }
  .kontaktskjema {
    width: 90%;
  }
  .large-desktop-range {
    display: block;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  #g-showcase .g-content {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    /*0.938rem  default (large-desktop)*/
    /*0.938rem  default (large-desktop)*/
  }
  #g-showcase h2 {
    font-size: 1.8rem;
    /* 1.9rem default (large-desktop)*/
  }
  #g-main h1 {
    font-size: 2.2rem;
  }
  #g-main h2 {
    font-size: 1.8rem;
  }
  #g-main h3 {
    font-size: 1.5rem;
  }
  #g-main h4 {
    font-size: 1.3rem;
  }
  .kontaktskjema {
    width: 90%;
  }
  #g-footer .os-address-margin-left {
    margin-left: 50px;
  }
  .desktop-range {
    display: block;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-offcanvas-toggle {
    top: 1.5rem;
    left: 1rem;
    font-size: 3rem;
  }
  #g-header .header-text-wrapper-div {
    height: 240px;
  }
  #g-header .header-text-wrapper-div .header-text-span {
    font-size: 3rem;
  }
  #g-showcase .g-content {
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    /*0.938rem  default (large-desktop)*/
    /*0.938rem  default (large-desktop)*/
  }
  #g-showcase h2 {
    font-size: 1.7rem;
    /* 1.9rem default (large-desktop)*/
  }
  #g-main h1 {
    font-size: 2rem;
  }
  #g-main h2 {
    font-size: 1.6rem;
    margin-top: 0;
  }
  #g-main h3 {
    font-size: 1.45rem;
  }
  #g-main h4 {
    font-size: 1.15rem;
  }
  .kontaktskjema {
    width: 90%;
  }
  #g-footer .os-address-margin-left {
    margin-left: 50px;
  }
  .tablet-range {
    display: block;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .g-offcanvas-toggle {
    top: 1.5rem;
    left: 1rem;
    font-size: 3rem;
  }
  #g-header {
    /* Smaller mobile menu */
  }
  #g-header .header-text-wrapper-div {
    height: 140px;
  }
  #g-header .header-text-wrapper-div .header-text-span {
    font-size: 2rem;
  }
  #g-header .os-toggle-module .g-offcanvas-toggle {
    font-size: 2.5rem;
  }
  #g-header .os-toggle-module .g-offcanvas-toggle .os-menu-text {
    font-size: 1rem;
  }
  #g-showcase .g-content {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    /*0.938rem  default (large-desktop)*/
    /*0.938rem  default (large-desktop)*/
  }
  #g-showcase h2 {
    font-size: 1.4rem;
    /* 1.9rem default (large-desktop)*/
  }
  #g-main h1 {
    font-size: 1.95rem;
    margin-top: -20px;
  }
  #g-main h2 {
    font-size: 1.45rem;
  }
  #g-main h3 {
    font-size: 1.35rem;
  }
  #g-main h4 {
    font-size: 1.15rem;
  }
  .os-mobile-w-200-center {
    text-align: center;
  }
  .os-mobile-w-200-center img {
    width: 200px;
  }
  .large-mobile-range {
    display: block;
  }
}
@media only all and (max-width: 30rem) {
  .g-offcanvas-toggle {
    top: 1.5rem;
    left: 1rem;
    font-size: 3rem;
  }
  #g-header {
    /* Smaller mobile menu */
  }
  #g-header .header-text-wrapper-div {
    height: 100px;
  }
  #g-header .header-text-wrapper-div .header-text-span {
    font-size: 1.6rem;
  }
  #g-header .os-toggle-module .g-offcanvas-toggle {
    font-size: 2rem;
  }
  #g-header .os-toggle-module .g-offcanvas-toggle .os-menu-text {
    font-size: 0.8rem;
  }
  #g-showcase .g-content {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    /*0.938rem  default (large-desktop)*/
    /*0.938rem  default (large-desktop)*/
  }
  #g-showcase h2 {
    font-size: 1.2rem;
    /* 1.9rem default (large-desktop)*/
  }
  #g-main h1 {
    font-size: 1.75rem;
    margin-top: -20px;
  }
  #g-main h2 {
    font-size: 1.4rem;
  }
  #g-main h3 {
    font-size: 1.3rem;
  }
  #g-main h4 {
    font-size: 1.15rem;
  }
  .os-mobile-w-200-center {
    text-align: center;
  }
  .os-mobile-w-200-center img {
    width: 200px;
  }
  .small-mobile-range {
    display: block;
  }
}
@media only all and (min-width: 60rem) {
  #g-navigation {
    z-index: 999;
  }
  .g-offcanvas-toggle {
    display: none !important;
  }
}
@media only all and (max-width: 59.99rem) {
  .g-offcanvas-toggle {
    position: fixed;
  }
  #os-nav-main-menu-content {
    display: none !important;
  }
}
/*# sourceMappingURL=custom_15.css.map */