/*
 Theme Name:   Hurtigbyggetilladelse Theme
 Theme URI:    https://lighthousemedia.dk
 Description:  Hurtigbyggetilladelse Theme by Lighthousemedia
 Author:       Lighthousemedia
 Author URI:   https://lighthousemedia.dk
 Template:     generatepress
 Version:      0.1
*/
:root {
	--stk-block-margin-bottom: 16px;
	--stk-column-margin: 0px;
	--color-gold:#C99A4B;
	--color-dark:#171E17;
}
html {
	font-size: 10px;
}

body {
	font-family: "Roboto Slab", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 1.5;
	overflow-x: hidden;
}

h1 {
	font-size: clamp(3.4rem, 5vw, 4.0rem);
	font-weight: 300;
}

h2 {
	font-size: clamp(2.8rem, 3vw, 3.6rem);
	font-weight: 300;
}

h3 {
	font-size: clamp(2.0rem, 2vw, 2.4rem);
	font-weight: 300;
	line-height: 1.4
}

h4 {
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 0.8px;
}
p{
	margin-bottom: 16px;
}
ul.wp-block-list{
	margin-left: 1em;
	list-style: circle;
}
ul.wp-block-list >li{
	margin-bottom: 8px;
}
.separate-containers .inside-article{
	padding-top: 0;
	padding-bottom: 0;
}


.main-navigation .main-nav ul li a{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
}


.animation.animation-left-width:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #C6DEC6;
	border-radius: 16px;
	display: block !important;
	z-index: -1;
	top: 0;
	left: 0;
	opacity: .2;
	transform: translate(0, 0px);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}

.animation.animation-left-width.animated:before {
	transform: translate(-16px,20px);
	opacity: 1
}

.animation.animation-right-width:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f2f5f8;
	display: block !important;
	z-index: -1;
	top: 50%;
	left: 50%;
	opacity: .2;
	transform: translate(-50%,-50%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}

.animation.animation-right-width.animated:before {
	transform: translate(10%,-50%);
	opacity: 1
}

.icon-reverse .stk-block-icon-list-item__content{
flex-direction: row-reverse;
justify-content: space-between;
width: 100%!important;
margin-right: 0!important;
margin-left: 0 !important;
}
.icon-reverse  .wp-block-stackable-icon-list-item{
	flex-direction: row;
}
.stk-block-icon-list-item__content{
	position: relative;
}
.stk-block-icon-list-item__content a {
	position: static;
	text-decoration: none;
	color: inherit;
}
.icon-reverse  .stk-block-icon-list-item__content .stk--svg-wrapper{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.icon-reverse  .stk-block-icon-list-item__content:hover .stk--svg-wrapper{
	transform: translateX(-6px);
}

.stk-block-icon-list-item__content a:hover {
	color: var(--color-gold);
}

.stk-block-icon-list-item__content a::after {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	pointer-events: auto;
	background-color: rgba(0,0,0,0)
}

.home-posts .wp-block-post-template{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 8rem;
	row-gap: 3.2rem;
}
.home-posts .wp-block-post-template > li{
	margin-top: 0;
}
.home-posts .wp-block-post-template .wp-block-post-featured-image img{
	border-radius: 16px;
}
.home-posts .wp-block-post-title{
	font-size: 1.7rem;
	margin-top: 1.3rem;
}
.home-posts .wp-block-post-title a{
	color: var(--color-dark);
}
.home-posts .wp-block-post-title a:hover{
	color: var(--color-gold);
}
.site-footer{
	background-size: 800px 310px!important;
}
.site-footer p{
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 10px;
}
.site-footer a{
	color: var(--color-dark);
	text-decoration: none;
}
.site-footer a:hover{
	color: var(--color-gold);
	text-decoration: underline;
}
	.site-footer .wp-block-navigation{
row-gap: 12px;
	}
.site-footer .wp-block-navigation a {
	font-size: 15px;
}

svg{
	max-width: 100%;
}
.home-posts >ul{
	max-width: 1180px !important;
	margin-left: 0px !important;
}
.slideout-overlay{
	background-color: rgba(59, 71, 59, .8)!important;
}
.slideout-navigation{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='820.036' height='309.695' viewBox='0 0 820.036 309.695'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_913' data-name='Rectangle 913' width='820.036' height='309.695' fill='%23E3E9E3'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1302' data-name='Group 1302' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_8861' data-name='Path 8861' d='M116.4,299.939,257.771,55.766a19.593,19.593,0,0,0-7.18-26.7L204.641,2.607A19.684,19.684,0,0,0,177.867,9.75L36.5,253.94a19.568,19.568,0,0,0,7.18,26.684L89.627,307.1a19.7,19.7,0,0,0,26.775-7.16' transform='translate(-33.889 -0.005)' fill='%23E3E9E3'/%3E%3Cpath id='Path_8862' data-name='Path 8862' d='M39.992,104.479h282.72a19.613,19.613,0,0,0,19.6-19.542V32.024a19.628,19.628,0,0,0-19.6-19.559H39.992A19.628,19.628,0,0,0,20.4,32.024V84.938a19.613,19.613,0,0,0,19.6,19.542' transform='translate(120.551 205.216)' fill='%23E3E9E3'/%3E%3Cpath id='Path_8863' data-name='Path 8863' d='M35.031,97.34h282.72a19.613,19.613,0,0,0,19.6-19.542V24.885a19.628,19.628,0,0,0-19.6-19.559H35.031a19.628,19.628,0,0,0-19.6,19.559V77.8a19.613,19.613,0,0,0,19.6,19.542' transform='translate(212.386 87.684)' fill='%23E3E9E3'/%3E%3Cpath id='Path_8864' data-name='Path 8864' d='M19.6,104.479h282.72a19.613,19.613,0,0,0,19.6-19.542V32.024a19.628,19.628,0,0,0-19.6-19.559H19.6A19.628,19.628,0,0,0,0,32.024V84.938a19.613,19.613,0,0,0,19.6,19.542' transform='translate(498.126 205.216)' fill='%23E3E9E3'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}
.menu-toggle{
	padding-right:0;
	background-color: transparent!important;
	font-size: 24px;
}

.alignfull > *{
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.page .wp-container-core-group-is-layout-1 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 1180px;
}
.z-fix{
	position: relative;
	z-index: 10;
}
.mt-auto{
	margin-top: auto;
}
.quote-carousel-row{
	background-size:740px 280px;
}
.page .wp-block-stackable-accordion {
	padding: 20px 30px;
	border: 1px solid #BDCCBD!important;
	border-radius: 12px;
}
.wp-block-stackable-accordion .wp-block-stackable-icon-label .stk-row{
flex-direction: row-reverse;
gap:16px;
}
.stk-block-accordion .stk-block-accordion__heading .stk-block-icon-label .stk-block-icon{
	justify-content:flex-start;
	flex: 0 0 20px;
}
.wp-block-stackable-accordion  .stk-block-content hr{
margin-top: 10px !important;
margin-bottom: 20px !important;
}
.wp-block-stackable-accordion  .stk-block-content .wp-block-list li{

margin-bottom: 20px !important;
}
.wp-block-stackable-accordion  .stk-block-content .wp-block-list .wp-block-list  {
	margin-top: 20px !important;
}
.wp-block-image figcaption {
	font-size: 15px;
	text-align: left;
}
.contact-details a{
	text-decoration: none;
	color: var(--color-dark);
}
.contact-details a:hover{
	color: var(--color-gold);
}
.gfield_label{
	font-weight: 300!important;
}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea{
	border: 1px solid #BDCCBD;
	border-radius: 12px;
	padding: 12px 24px!important;
	background: transparent;

}
#gform_browse_button_1_6{
	padding: 12px 48px;
	background-color: #3B473B;
	border-radius: 12px;
	font-size: 17px;
	font-weight: 400;
}

#gform_submit_button_1{
	padding: 12px 48px;
	background-color: var(--color-gold);
	border-radius: 12px;
	font-size: 17px;
	font-weight: 400;
}
#gform_submit_button_1:hover{
	background-color: #3B473B;
}
.footer-details .wp-block-stackable-text{
margin-top: 6px !important;
}
.stk-button .stk--svg-wrapper{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.stk-button:hover .stk--svg-wrapper{
	margin-left: -4px;
	margin-right: 4px;
}
.single .post-featured-img img{
	border-radius: 16px;
}
.single .post-featured-img{
	margin-bottom: 32px;
}
.entry-content-area{
	display: flex;
	gap:60px;
}
.entry-content-area .entry-meta{
	width: 15%;
	display: flex;
	flex-direction: column;
	color: var(--color-dark);
}
.entry-header{
	margin-bottom: 32px;
}
.entry-content-area .entry-content{
	width: 85%;
	margin-top: 0 !important;
	margin-bottom: 64px;
}
.entry-content h2, 
.entry-content h3{
	margin-top: 36px;
	margin-bottom: 24px;
}
.post-cta a{
	color: var(--color-dark);
}
.post-cta a:hover{
	color: var(--color-gold);
}
#field_1_5{
	position: relative;
}
#gfield_description_1_5{
	position: absolute;
	top: -6px;
	text-align: right;
	right: 0;
}

@media only screen and (min-width: 1140px) {
	.main-navigation .main-nav ul li a {
		padding-left: 15px;
		padding-right: 15px;
}
}
@media only screen and (min-width: 1024px) {
	.break-right .stk-column:not(.content),
	.break-right .image .stk-column-wrapper,
	.break-right .image .stk-block-content{
		position: static!important;
	}
	.break-right .stk-column.image .wp-block-image{
		position: absolute;
		width: 47vw;
		height:100%;
		top: 0;
		right: calc(-1*((100vw - 1090px)/2));
		object-fit: cover;
		border-bottom-right-radius: 0!important;
		border-top-right-radius: 0!important;
	}
	.break-right .stk-column.image .wp-block-image img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		display: block;
	}
	.icon-list-width{
		max-width: 80%;
	}
	.border-between{
		position: relative;
	}
	.border-between::after{
		position: absolute !important;
		content: '' !important;
		display: block !important;
		width: 1px !important;
		height: 100% !important;
		background-color: #E7ECE7 !important;
		top: 0 !important;
		left: 50% !important;
	}

}
@media only screen and (max-width: 1180px) {
	.break-right .stk-column.image .wp-block-image{
		right: -50px;
	}
	.entry-content .alignwide{
		margin-left: 0;
		width: 100%;
		max-width: 100%;
	}
	.page .alignfull > *, .site-footer .wp-block-stackable-columns {
		margin-left: 20px!important;
		margin-right: 20px!important;
		max-width: calc(100% - 40px) !important;
	}
	.no-sidebar .entry-content .alignfull {
		margin-left: -20px!important;
		margin-right: -20px!important;
		max-width: 100vw;
		width: auto;
	}
	.alignfull > *{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.page .quote-carousel-row .stk-row{
		max-width: 100% !important;
		margin-left: 0!important;
		margin-right: 0;
	}
}

@media only screen and (max-width: 1024px) {
	.home-posts .wp-block-post-template{
		display: grid;
		grid-template-columns: 1fr;
		column-gap: 8rem;
		row-gap: 3.2rem;
	}
	.main-navigation .main-nav ul li a{
		line-height: 40px;
	}
	.slideout-navigation  .main-nav{
		margin-top: 48px!important;
		margin-left: 20px;
	}
}


@media only screen and (max-width: 768px) {
	.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
		padding-left: 20px;
		padding-right: 20px;
}
.page	h1.stk-block-heading__text{
		font-size: 34px!important;
	}
	.page .quote-carousel-row{
		background-size:80%!important;
	}
	.entry-content-area{
		flex-direction: column;
		gap: 24px;
	}
	.entry-content-area .entry-meta{
		width: 100%;

	}
	.entry-content-area .entry-content{
		width: 100%;
	}
}