/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 20 2026 | 16:36:36 */
/*AERLY VENN*/
.aerly-hero{
    position: relative;
    height: 100dvh;
    justify-content: center;
    gap: 0;

    @media (width < 1025px){
        height: 520px;
    }
}
.aerly-hero h1{
    font-family: Roboto;
    font-size: 60px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 16px;
    max-width: 800px;

    @media (width < 1025px){
        font-size: 24px;
        margin-bottom: 12px;
		margin-inline: 20px;
    }

}
.aerly-hero p{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    max-width: 800px;

    @media (width < 1025px){
        font-size: 14px;
		margin-inline: 20px;
    }
}
.aerly-hero .wp-block-buttons{
    margin-top: 60px;

    @media (width < 1025px){
        margin-top: 25px;
    }
}
.aerly-hero figure{
    position: absolute;
    bottom: 80px;

    @media (width < 1025px){
        bottom: 40px;
    }
}
/*INFO SECTION*/
.todelt-info{
    padding: 0;
}
.todelt-info figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.todelt-info .wp-block-column:nth-of-type(2){
    padding-left: 120px;

    @media (width < 1025px){
        padding: 40px 20px 60px;
    }
}
.todelt-info h2{
    font-family: Roboto;
    font-size: 36px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 25px;

    @media (width < 1025px){
        font-size: 24px;
    }
}
.todelt-info .fordeler-grid{
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 30px;
}
.todelt-info .fordeler-grid > li{
    display: flex;
    gap: 26px;

    @media (width < 1025px){
        gap: 16px;
    }
}
.fordeler-grid > li > img{
    width: 42px;
    height: 42px;
    object-fit: contain;

    @media (width < 1025px){
        width: 30px;
        height: 30px;
    }
}
.fordeler-grid > li > div{
    display: flex;
    flex-direction: column;
}
.fordeler-grid > li > div > span{
    color: #2E3134;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;

    @media (width < 1025px){
        font-size: 12px;
    }
}
.fordeler-grid > li > div > span:first-of-type{
    font-size: 18px;
    text-transform: uppercase;

    @media (width < 1025px){
        font-size: 14px;
    }
}
/*KUNDE FOOTER*/
.medlem-bunn{
    padding-block: 120px;
    gap: 0;

    @media (width < 1025px){
        padding: 40px 20px;
    }
}
.medlem-bunn h2{
    font-family: Roboto;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 16px;
    max-width: 800px;

    @media (width < 1025px){
        font-size: 22px;
        margin-bottom: 12px;
		margin-inline: 20px;
    }
}
.medlem-bunn p{
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    max-width: 800px;

    @media (width < 1025px){
        font-size: 14px;
		margin-inline: 20px;
    }
}
.medlem-bunn .wp-block-buttons{
    margin-top: 60px;

    @media (width < 1025px){
        margin-top: 40px;
    }
}
/*BUTTONS*/
.gjennomsiktig-knapp > .wp-block-button > a.wp-block-button__link{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    background-color: unset!important;
    border: 1px solid currentColor!important;
    padding: 12px 50px;
	
	@media (width < 1025px){
		font-size: 12px;
		padding: 10px 30px;
	}
}
.gjennomsiktig-knapp > .wp-block-button > a.wp-block-button__link:hover{
	background-color: #fdeba9!important;
	color: #2E3134!important;
}
.fyllt-knapp > .wp-block-button > a.wp-block-button__link{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    padding: 12px 50px;
	color: #2E3134!important;
	background-color: #f8f6f2!important;
	border-color: currentcolor;
	
	@media (width < 1025px){
		font-size: 12px;
		padding: 10px 30px;
	}
}
.fyllt-knapp > .wp-block-button > a.wp-block-button__link:hover{
	background-color: #2E3134!important;
	color: #f8f6f2!important;
}
/*FIXES*/
.page-id-390679 .botiga-breadcrumb-trail{
	display: none!important;
}
.page-id-390679 .container.content-wrapper{
	@media (width < 1025px){
		position: relative;
		bottom: 60px;
	}
}