/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 28 2025 | 07:40:28 */
/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('https://introbygg.no/wp-content/uploads/2022/08/poppins-v20-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://introbygg.no/wp-content/uploads/2022/08/poppins-v20-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('https://introbygg.no/wp-content/uploads/2022/08/poppins-v20-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://introbygg.no/wp-content/uploads/2022/08/poppins-v20-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html {
  scroll-behavior: smooth;
}

body {
	  max-width: 1920px;
    margin: auto !important;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: var(--grey-500);
	 min-height:100vh;
}

.content-area {
    min-height: 50vh;
}

::selection {
  background: var(--dark-400);
	color: var(--beige-400);
}

.site-logo {
	fill: var(--dark-400);
	margin-top:6px;
}

/* Homepage Menu */
.home .site-header {
	background:transparent;
}

.home .site-logo, .home .main-navigation .main-nav ul li a, .home .main-navigation .menu-toggle, .home .main-navigation .menu-bar-items {
	fill: var(--dark-400);
	color: var(--dark-400);
}

ul#menu-main {
    gap: 48px;
}

#menu-main .current_page_item {
    border-bottom: 1px solid var(--dark-400);
}



.menu-toggle {
    font-size: 24px!important;
}

.mobile-menu-toggle, .mobile-menu-close {
    stroke: var(--dark-400);
}

@media (max-width: 1226px) {
.main-navigation .main-nav>ul {
    justify-content: flex-end;
}
}


@media (max-width: 980px) {
.has-inline-mobile-toggle .inside-header {
    align-items: baseline;
	}
	
#menu-main li {
    margin-top: 24px;
}
	
#menu-main .current_page_item {
    border-bottom: none;
}

}

/** Global Styles Supplement **/

.gb-container-page-hero .gb-block-image {
    text-align: center;
    padding-bottom: 40px;
}


.gb-headline-page-hero__headline:after, .fancy-border:after {
    content: "";
    display: block;
    height: 3px;
    background: currentcolor;
    width: 80px;
    margin: auto;
    margin-top: 24px;
}

@media (max-width: 767px) {
.gb-button-wrapper .gb-button:nth-child(2) {
    margin-top: 24px;
}
	
.site-footer .gb-button-wrapper .gb-button:nth-child(2) {
    margin-top: 0px;
}
}

@media (max-width: 1024px) {
.reverse-mobile {
    flex-direction: column-reverse!important;
}
}

.forside-prosjekt img {
	transition:300ms;
}

.forside-prosjekt img:hover, .forside-prosjekt .text-box:hover {
    transform: scale(1.025);
}

.forside-prosjekt .text-box {
	transition:300ms;
}

a.forside-prosjekt:hover, a.forside-prosjekt {
    text-decoration: none!important;
}

nav.rank-math-breadcrumb, nav.rank-math-breadcrumb a {
    color: var(--grey-400);
	margin-bottom: 80px;
}

.ia_inline_list {
    list-style: none;
	display:inline;
	margin-left:0;
}

.ia_inline_list li {
    display:inline;
	margin-right:4px;
}

ul.ia_inline_list li a:after {
    content: ", ";
}

ul.ia_inline_list li:last-child a:after {
  content: "";
}

@media (max-width: 767px) {
.project-meta {
	display: block!important;
}
}

bold, strong {
    font-weight: 600;
}

.max-width-800 {
	max-width:800px;
}

.flex-space-between {
	    justify-content: space-between;
}

/** Fluent Forms **/ 

.fluentform .ff-el-input--label label {
    font-weight: 400!important;
}

.fluentform .ff-el-form-control {
    padding: 12px 16px!important;
    background: transparent!important;
    border: 1px solid var(--dark-400)!important;
    border-radius: 0!important;
}

.ff-btn-submit {
    background: var(--beige-500);
    color: var(--dark-400);
    border: 1px solid;
    width: 100%;
    padding: 20px 32px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
}

.ff-message-success {
    box-shadow: none;
    border: none;
    background: var(--beige-500);
    padding: 24px;
}

.ff-message-success p {
	margin-bottom:0;
}

/** Accordion **/
.faq-accordion .gb-button {
    text-align: left!important;
    justify-content: space-between!important;
	user-select: none;
}

.faq-panel {
  visibility: hidden;
  overflow: hidden;
  position:absolute;
  opacity:0;
  transition: opacity 500ms;
  border-color: var(--beige-500);
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  padding: 24px 24px 0px 24px;
}

.gb-icon svg {
	transition: 500ms;
}

.active .gb-icon svg {
    transform: rotate(180deg);
}

.faq-accordion {
    cursor: pointer;
}

.marg-auto {
	margin:auto;
}

#service-menu-wrapper .gb-inside-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0px 24px;
}

#service-menu-wrapper {
    border: 1px solid var(--dark-400);
    padding-top: 24px;
	    padding-bottom: 24px;
}

@media (max-width: 767px) {
#service-menu-wrapper .gb-button-wrapper .gb-button:nth-child(2) {
    margin-top: 0px;
	}}

#service-menu-wrapper .gb-button-wrapper {
    justify-content: center;
}

.gb-image-3-col-small-img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.prosjekt .gb-container-big-space, .prosjekt .gb-container-container__standard {
    margin: 48px 0;
}
@media (max-width: 767px) {
.prosjekt .gb-container-big-space, .prosjekt .gb-container-container__standard {
    margin: 0;
}}

.entry-header, .entry-meta {
    display: none;
}

.single-post .inside-article p a {
    text-decoration: underline;
}

.inside-article li {
    margin-bottom: 16px;
}

.project-meta:empty {
    display: none;
}

.project-meta.project-meta-str {
    font-size: 1.25rem;
    padding: 4px 24px;
    border-right-style: solid;
    border-right-width: 1px;
    border-color: var(--grey-400);
    display: inline-block;
}

@media screen and (max-width: 600px) {
	.project-meta.project-meta-str {
		font-size: 1rem;
		padding: 0;
		border: none;
	}
}

/*Comment*/