/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 



@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;600;700');



/* GENEREL--------------------------------------------- */


body {
font-size: 18px;	
margin-top:0px !important;  
font-family: 'Barlow', sans-serif;
font-weight:300;
font-style: normal;
line-height: 130% !important;
color:#000 !important
}

html {
background-color:#f3f3f3 !important;
padding:0px;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Barlow', sans-serif;
font-weight: 500;
font-style: normal;
line-height: 110%;
margin:0px;
}

.center {
text-align: center !important;
}

.fl-module-content a {
transition: all 0.5s ease !important;
}

.fl-module-content a:hover {
opacity:0.5;
}

a {
outline: 0 !important;
}

.fl-module-content p:last-child { 
margin-bottom: 0 !important; 
margin-right: 0 !important; 
}


/* RECAPCHA

--------------------------------------------- */

.grecaptcha-badge { 
    visibility: hidden;
}

/* SEARCH ARKIV

--------------------------------------------- */

body h2.fl-post-feed-title {
font-size:50px !important;
color:#2c4e49 !important;
}

body h2.fl-post-feed-title a {
color:#2c4e49 !important;
}

.fl-post-feed-more {
text-decoration: none !important;
color: #fff !important; 
background:#a8c88b !important; 
font-weight: 700 !important;
font-size:15px !important;
border: 0px solid #fefbed !important;
padding: 12px 30px 12px 30px !important;
border-radius: 25px !important;
margin:20px 0px 15px 0px !important;
}

.fl-post-more-link {
text-decoration: none !important;
color: #2c4e49 !important; 
font-weight: 700 !important;
font-size:20px !important;
border: 0px solid #fefbed !important;
border-radius: 25px !important;
margin:20px 0px 15px 0px !important;
}

.fl-archive .fl-post {
border-bottom: 1px solid #2c4e49;
padding-bottom: 40px;
}


/* FULL-WIDTH

--------------------------------------------- */

.fl-page-content {
max-width:2560px;	
margin-left:auto !important;
margin-right:auto !important;
left:0 !important;
right:0 !important;
}

.fl-row-full-width {
max-width:2560px;
}

.fl-row-fixed-width {
max-width:1600px;
}


/* BEAVER CUSTOM-HEADER
--------------------------------------------- */

.custom-header .fl-row-full-width {
max-width: 1600px !important;	
position: relative !important;  
display: block;
height:100px !important;
}

.custom-header {
border-bottom: 1px solid #fff;
}

/* SCROLL HEADER */ 

.fl-theme-builder-header-scrolled.fl-theme-builder-header-sticky .custom-header {
background: #000;	
border-bottom: 1px solid #000;
}	


/* BEAVER CUSTOM-LOGO
--------------------------------------------- */

.custom-logo {
max-width:200px;	
padding-top:0px;
padding-left:0px;
margin-top: 10px;
}

.custom-logo a img.alignnone {
margin:0px 0px 0px 0px !important;
}

.custom-logo img {
max-width: 200px !important;	
max-height: 200px !important;
}



/* CUSTOM SEARCH
--------------------------------------------- */

.custom-search {
position: absolute;
top: 0px;
right:0px;
width: 30px !important;
bbbackground-color: purple !important;
}

.custom-search a.fl-button, .custom-search a.fl-button:visited {
border-radius: 0px !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
display: inline-block !important;
font-size: 16px !important;
font-weight: normal !important;
line-height: 0px !important;
padding: 0px 0px !important;
background:transparent !important;
border:0 !important;
}


/* CUSTOM NAVIGATION
--------------------------------------------- */

.main-nav {
position: absolute;
top: 35px;
right:0px;
text-align: left !important;
}

.main-nav .fl-menu .menu > li {
font-family: 'Barlow', sans-serif;
font-size: 17px;
font-weight: 400;
text-transform: uppercase;
letter-spacing:1px;
}

.main-nav .menu a {
padding-left: 40px !important;
padding-right: 40px !important;
}

.main-nav .menu a,.top-nav .menu a {
color: #fff !important;
}

.main-nav .menu a:hover,.top-nav .menu a:hover {
opacity:0.5 !important;
}

.main-nav .sub-menu a:hover {
color: #fff !important;
opacity:0.5 !important;
}

.main-nav .sub-menu {
margin-top:0px !important;
border-radius: 10px;
background-color: #285B5B !important;
border-top: 0px solid #a1c5e5;
padding: 25px 10px 10px 20px !important;
width: 350px;
z-index: 1000;
-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.15) !important;
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.15) !important;
box-shadow: 0 0px 0px rgba(0,0,0,0.15) !important;
}

.main-nav .sub-menu a {
font-size: 13px !important;	
padding: 0px 0px 15px 0px !important;  
color: #fff !important;
}

.main-nav .sub-menu a:hover {
color: #fff !important;
}

.main-nav .sub-menu::before {
position: absolute;
top:-10px;
left: 10px;
content: "";
display:block;
width:60px;
height:30px;
background-size: 60px 30px;
}


/* CUSTOM-FOOTER
--------------------------------------------- */

.footer-col-1 {
box-sizing: border-box !important;
width: 20% !important;
margin-right:2.5% !important;
margin-bottom:0px !important;
}

.footer-col-2 {
box-sizing: border-box !important;
width: 15% !important;
margin-right:2.5% !important;
margin-bottom:0px !important;
}

.footer-col-3 {
box-sizing: border-box !important;
width: 15% !important;
margin-right:2.5% !important;
margin-bottom:0px !important;
}

.footer-col-4 {
box-sizing: border-box !important;
width: 15% !important;
margin-right:2.5% !important;
margin-bottom:0px !important;
}

.custom-footer {
position: relative;
}

.custom-footer > .fl-row-content-wrap {
background-image: url(https://www.bhem.dk/wp-content/uploads/2023/03/tandhjul-3.svg), url(https://www.bhem.dk/wp-content/uploads/2023/03/footer_bg-overlay.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-size: 1200px, cover;
background-position:right -500px bottom -550px, center center;
}

.custom-footer .fl-row-content-wrap:after {
background-color: rgba(0,0,0,0.56);
}


.custom-footer > .fl-row-content-wrap {
padding-top: 160px;
}

.custom-footer-logo img { 
margin-left:-5px ;    
max-width:200px;
}

.custom-footer-text > .fl-module-content { 
position: relative;    
z-index: 9 !important;
}

.custom-footer-text h3 { 
text-transform: uppercase;
padding-bottom: 30px;
}

.custom-footer-text p,.custom-footer-text a { 
font-size:15px;
color: #fff !important;
}

.custom-footer-social .fl-icon {
color:#a8c88b !important;
}

.custom-footer-social .fl-icon-text {
color:#a8c88b !important;
}

.fl-icon i, .fl-node-gbp8d1h0o3e2 .fl-icon i:before {
font-size: 40px;
}

.custom-footer-social .fl-icon-group {
text-align: right !important;
}

.social-text p { 
 font-size:15px;
font-weight: 500;
text-transform: uppercase;
color:#a8c88b !important;
letter-spacing: 1px;
text-align: right;
padding-right: 10px;
}

.footer-bottom-links {
display: inline-block;    
padding-top:200px; 
padding-bottom: 30px;   
}   


.footer-bottom-links > .fl-module-content { 
position: relative;    
z-index: 9 !important;
}

.footer-bottom-links a,.footer-bottom-links p {
font-size: 13px;	
}	

.footer-bottom-links a {
font-weight: 600;
color: #fff;    
}   

.footer-bottom-links::before {
border-top: 1px solid #fff !important;
content: "";
display: block;
margin-left:0;
margin-right:0;
margin-top: 30px;
margin-bottom: 30px;
left:0;
right:0;
padding-bottom:0px;
width: 100%;
}

.ms-company {
margin-top: 0px;
text-align: right;
}

.ms-company a,.ms-company p {
font-size: 9px;	
text-transform: uppercase;
color:#a8c88b !important;
}

.ms-company a {
font-weight: 700 !important;
}


/* HERO-CONTAINER
--------------------------------------------- */

.hero-container-fp,.hero-container-page {
position: relative;
}

.hhhhhhhhhhero-container-fp .fl-row-content-wrap,.hhhhhhhhero-container-page .fl-row-content-wrap {
display: flex;
background-repeat: no-repeat;
background-position: center center !important;
background-attachment: scroll;
background-size: cover;
min-height: 90vh !important;
}

.hero-header-fp,.hero-header-page {
max-width: 1600px;
height: 300px;
position: absolute !important;
margin-left:auto;
margin-right: auto;
left:0;
right:0;
bottom:0;
margin-bottom: 15%;
}

.hero-header-fp h1,.hero-header-page h1 {
font-size:100px;
margin-bottom:1%;
}

.hero-header-fp p,.hero-header-page p {
font-size: 22px;
line-height: 130%;
font-weight: 400;
color:#fff;
padding-right:780px;
}

.hero-btn-group {
margin-top:40px;
}

.hero-dark-green-btn a,.hero-light-green-btn a,.hero-light-green-stroke-btn a {
float:left;
display: inline-block;	
text-decoration: none;
color: #fff !important; 
background:#a8c88b !important; 
font-weight: 700;
font-size:15px !important;
border: 0px solid #fefbed !important;
padding: 12px 30px 12px 30px !important;
border-radius: 25px !important;
margin: 0px 15px 0px 0px;
}

.hero-light-green-stroke-btn a {
color: #fff !important; 
background:transparent !important; 
border: 1px solid #a8c88b !important;
margin: 0px 0px 0px 0px !important;
}

.hero-dark-green-btn a {
color: #fff !important; 
background:#2c4e49 !important; 
}

.hero-bold-top,.hero-bold-bottom {
font-size: 20px !important;
font-weight: 700;
margin-bottom:15px;
}

.hero-bold-bottom {
margin-top:15px;
margin-bottom:0px;
}

.hero-header-page-simple h1 { 
font-size: 3vw !important;
}


/* PADDING
--------------------------------------------- */

.top-bottom-padding > .fl-row-content-wrap {
padding:6em 0em 6em 0em;
}

.top-padding > .fl-row-content-wrap {
padding-top:6em;
}

.bottom-padding > .fl-row-content-wrap {
padding-bottom:6em;
}

.small-top-bottom-padding > .fl-row-content-wrap {
padding:50px 0px 50px 0px;
}

.small-top-padding > .fl-row-content-wrap {
padding-top:50px;
}

.small-bottom-padding > .fl-row-content-wrap {
padding-bottom:50px;
}

.padding-box {
padding:5%;
}

.content-margin-bottom {
margin-bottom:30px;
}

.content-margin-top {
margin-top:30px;
}

.section-box > .fl-col-content {
padding-top: 200px;
padding-right: 50px;
padding-bottom: 50px;
padding-left: 50px;
}

.left-padding {
padding-left:50px;
}

.right-padding {
padding-right:50px;
}

.no-margin-bottom {
margin-bottom: 0px !important;
}

.top-bottom-gap {
padding-top:60px !important;  
padding-bottom:60px !important;
}

.top-gap {
padding-top:60px !important;
}

.bottom-gap {
padding-bottom:60px !important;
}

.separator-top-bottom-gap {
padding-top:50px !important; 
padding-bottom:50px !important;
}

.separator-top-gap {
padding-top:50px !important;
}

.separator-bottom-gap {
padding-bottom:50px !important;
}

.cta-col-padding-left {
padding-left:20% !important; 
}    

.cta-col-padding-right {
padding-right :20% !important;
}


/* BOXES & SECTIONS
--------------------------------------------- */

.small-section .fl-row-fixed-width {
max-width:800px !important;
margin-left:auto !important;
margin-right:auto !important;
left:0 !important;
right:0 !important;
padding:0% 0% 0% 0%;
}

.medium-section .fl-row-fixed-width {
max-width:1280px !important;
margin-left:auto !important;
margin-right:auto !important;
left:0 !important;
right:0 !important;
padding:0% 0% 0% 0%;
}

.normal-section .fl-row-fixed-width {
max-width:1600px !important;
margin-left:auto !important;
margin-right:auto !important;
left:0 !important;
right:0 !important;
padding:0% 0% 0% 0%;
}

.topic-box-col > .fl-col-content {
position: relative;  
padding:80% 5% 5% 5%;
}

.topic-box {
min-height:200px;    
color: #fff;
}

.topic-box h2 {
font-size:30px;
color: #fff;
text-transform: uppercase;
font-weight: 600 !important;
margin-bottom: 15px;
}

.topic-box h2 a {
text-decoration: none !important;
font-weight: 600 !important;
}

.topic-box p {
font-size:20px;
}

.topic-box a {
color: #fff;
text-decoration: underline;
font-weight: 500 !important;
}

.topic-box-link img {
position: absolute;
bottom: 0;
right: 0; 
width: 40px;  
max-width: 40px;
}

.country-name p {
font-size:30px;
line-height: 130%;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 1px;
}

.bhem-map {
opacity: 0.3;
}

.product-container {
position: relative;
}



/* SUPPLIER LOGOS
--------------------------------------------- */

.supplier-logo-section .fl-row-fixed-width {
max-width:1280px !important;
margin-left:auto !important;
margin-right:auto !important;
left:0 !important;
right:0 !important;
text-align: center !important;
padding:0% 0% 0% 0%;
}

.supplier-logo {
display: table-cell;
vertical-align: middle;
display: inline-block;
margin-left:0px;
margin-right:0px;
margin-bottom:40px !important;
width:300px;
opacity: 0.5;
}

.supplier-logo:nth-child(4n),.supplier-logo:nth-child(5n),.supplier-logo:nth-child(6n),.supplier-logo:nth-child(7n),.supplier-logo:nth-child(8n) {
margin-bottom:0px !important;
}

.supplier-logo img {
display: block;
margin:0 auto;
width: auto;
max-width: 140px !important;
height: auto;
max-height:42px !important;
}

/* SPACE
--------------------------------------------- */

.content-space-row {
height:40px;
}


/* SEPARATOR
--------------------------------------------- */

.custom-separator-green .fl-separator,.custom-separator-light-green .fl-separator {
border-top-width: 1px !important;
border-top-style: solid;
border-top-color: #2c4e49 !important;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}

.custom-separator-light-green .fl-separator {
border-top-color: #a8c88b !important;
}


/* QUOTE
--------------------------------------------- */

.quote img {
width: 30px;
}

.quote p {
color:#e06a59;
}

.quote strong {
text-transform: uppercase;	
font-size: 10px;
}

/* MANCHET
--------------------------------------------- */

.manchet {
padding:60px 0px 60px 0px;
}

.manchet p {
font-size: 20px;	
font-weight:600;
line-height: 140%;
}

/* ACCORDIANS
--------------------------------------------- */

.accordian-section .fl-row-fixed-width {
max-width:1280px !important;
margin-left:auto !important;
margin-right:auto !important;
left:0 !important;
right:0 !important;
text-align: center !important;
padding:0% 0% 0% 0%;
}

.content-accordian .fl-accordion-item,.product-accordian .fl-accordion-item {
margin-bottom:20px !important;
border-color: #2c4e49 !important;
border-top-width: 0px !important;
border-right-width: 0px !important;
border-bottom-width: 1px !important;
border-left-width: 0px !important;
}

.product-accordian .fl-accordion-item {
margin-top:10px !important;
margin-bottom:30px !important;
}

.content-accordian .fl-accordion-button-label,.product-accordian .fl-accordion-button-label {
font-size: 25px;
font-weight: 600 !important;
color:#000 !important;
letter-spacing: 1px;
}

.product-accordian .fl-accordion-button-label {
font-size: 20px;
}

.content-accordian .fl-accordion-button-icon-right,.product-accordian .fl-accordion-button-icon-right {
opacity:1 !important;
color:#005dae !important;
}

.content-accordian .fl-accordion-button-icon-right:hover,.product-accordian .fl-accordion-button-icon-right:hover {
opacity:1 !important;
color:#005dae !important;
}

.content-accordian .fl-accordion-small .fl-accordion-button,.product-accordian .fl-accordion-small .fl-accordion-button {
padding: 10px 0px 10px 0px !important;
}

.fl-accordion-small .fl-accordion-content {
padding: 0 30px 10px 0px;
}


.content-accordian .fl-accordion-content h2,.content-accordian .fl-accordion-content h3,.product-accordian .fl-accordion-content h2,.product-accordian .fl-accordion-content h3  {
font-size:18px; 
font-weight: 600; 
}

.product-accordian .fl-accordion-content  {
font-size: 16px; 
line-height: 120%;   
}



/* GF FORM
--------------------------------------------- */

.gform_heading { 
display: none !important;
} 

.contact-form .gform_wrapper.gravity-theme .gfield_label,.rent-form .gform_wrapper.gravity-theme .gfield_label  {
display: none !important;
}

.contact-form .gform_wrapper.gravity-theme .ginput_complex label,.rent-form .gform_wrapper.gravity-theme .ginput_complex label {
display: none !important;
}

.contact-form .gform_wrapper.gravity-theme input[type=text],.contact-form .gform_wrapper.gravity-theme input[type=email],.contact-form .gform_wrapper.gravity-theme input[type=tel],.contact-form .gform_wrapper.gravity-theme textarea {
border: 1px solid #ffffff !important;
background: transparent !important;
border-radius: 0px !important;
padding:10px 15px 10px 15px !important;
}

.rent-form .gform_wrapper.gravity-theme input[type=text],.rent-form .gform_wrapper.gravity-theme input[type=email],.rent-form .gform_wrapper.gravity-theme input[type=tel],.rent-form .gform_wrapper.gravity-theme textarea {
border: 1px solid #000 !important;
background: transparent !important;
border-radius: 0px !important;
padding:10px 15px 10px 15px !important;
}

.contact-form ::placeholder {
color: #ffffff !important;
}

.rent-form ::placeholder {
color: #000000 !important;
}

.contact-form input[type="submit"],.rent-form input[type="submit"] {
font-size: 20px !important;	
background: transparent !important;
border: 1px solid #fff !important;
color: #fff !important;
font-weight: 500 !important;
transition: color .3s ease-in-out, box-shadow .3s ease-in-out !important;
box-shadow: inset 0 0 0 0 #fff !important;
border-radius: 0px !important;
padding:12px 40px 12px 40px !important;
transition: all 0.5s ease !important;
}

.rent-form input[type="submit"] {
border: 0px solid #000 !important;
color: #fff !important;
font-weight: 500 !important;
background:#005dae !important;
}

.contact-form input {
color: #fff !important;
}

.rent-form input {
color: #000 !important;
}

.contact-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
padding-right: 0% !important;
}

.contact-form input[type="submit"]:hover,.rent-form input[type="submit"]:hover {
opacity: 0.5 !important;
}


/* TEAM
--------------------------------------------- */

.team-member img {
margin-bottom:5px !important;
}

.team-member h3 {
font-size:20px;
font-weight: 600;
letter-spacing: 1px;
}

.team-member p {
font-size:15px;
}

.team-member a {
color: #000;
text-decoration: underline;
}

.team-member a[href^="tel:"] {
color: #000;
text-decoration: none;
}


/* H-TAGS
--------------------------------------------- */

.main-headline h2 {
font-size:25px;
font-weight: 600;
line-height: 100% !important;
}

.main-headline {
margin-bottom:30px;
}

.content-text h2,.content-accordian .fl-accordion-content h2 {
font-size:20px;
font-weight: 600;
line-height: 100% !important;
margin:0px 0px 5px 0px;
padding-top:15px;
}

.section-headline h2,.section-headline-white h2 {
font-size:20px;
font-weight: 600;
line-height: 100% !important;
color: #000;
text-transform: uppercase;
letter-spacing: 2px !important;
}

.section-headline h2::after,.section-headline-white h2::after {
border-bottom: 1px solid #000 !important;
content: "";
display: block;
padding-bottom:25px;
margin-bottom:50px;
width: 90px;
}

.section-headline-white h2 {
color: #fff;
}

.section-headline-white h2::after {
border-bottom: 1px solid #fff !important;
}

.cta-text h3 {
font-size:40px;
}

.product-container h2 {
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
margin:20px 0px 20px 0px;
}


/* PARAGRAPH
--------------------------------------------- */

.content-text a {
color: #000;
text-decoration: underline;
font-weight: 500;
}

.content-text a[href^="tel:"] {
color: #005dae;
text-decoration: none;
font-weight:700;
}

.cta-text p {
font-size:40px;
line-height: 110%;
}

.cta-text a {
color: #fff !important;
}

.product-container a {
font-weight: 600;
color: #005dae;
}

/* IMAGES & VIDEO
--------------------------------------------- */

.content-image {
margin-bottom:40px;
}

.bg-image > .fl-col-content {    
ppposition: relative;
}

.bg-image > .fl-col-content::before {    
content: "";
background-image: url('https://www.bhem.dk/wp-content/uploads/2023/03/dotted-map_blue.svg');
background-repeat: no-repeat;
background-size:800px;
background-position: 300px 50%;
position: absolute;
top: 0px;
left: 0px;
right:0px;
bottom: 0px;
opacity: 0.3;
}


/* COLORS
--------------------------------------------- */

.white,.white h1, .white h2, .white h3 {
color:#fff !important;
}

.blue {
color:#005dae !important;
}

.light-blue {
color:#f4fbfd !important;
}

.grey {
color:#e06a59 !important;
}

.blue-bg {
background:#005dae !important;
}

.light-blue-bg {
background:#f4fbfd !important;
}

.grey-bg {
background:#f8f5f4 !important;
}


/* BUTTON
--------------------------------------------- */

.blue-button a,.stroke-button a,.blue-button-large a {
float:left;		
 position: relative;
 display: inline-block;
 zoom: 1;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 -o-transition-property: -o-transform;
 -ms-transition-property: -ms-transform;
 transition-property: transform;
 -webkit-transition-duration: .1s;
 -moz-transition-duration: .1s;
 -o-transition-duration: .1s;
 -ms-transition-duration: .1s;
 transition-duration: .1s;
 -webkit-transition-timing-function: ease-in;
 -moz-transition-timing-function: ease-in;
 -o-transition-timing-function: ease-in;
 -ms-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 cursor: pointer;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
-ms-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
-ms-transition-timing-function: ease;
transition-timing-function: ease;
text-decoration: none;
min-width:230px;
padding: 15px 0px 15px 20px;
border-radius: 0px;
border: 0px solid #fff;
text-align: left;
font-size: 20px;
background-color:#005DAE;
color: #fff !important;
margin-right:20px;
}

.blue-button-large a {
min-width:300px;
}

.stroke-button a {
border: 1px solid #fff;
background-color:transparent;
color: #fff !important;
margin-right:0px;
}

.blue-button a:after,.stroke-button a:after,.blue-button-large a:after {
 content: '';
 position: absolute;
 top: 0;
 right: 20px;
 height: 100%;
 width: 15px;
 -webkit-transition-property: all;
 -moz-transition-property: all;
 -o-transition-property: all;
 -ms-transition-property: all;
 transition-property: all;
 -webkit-transition-duration: .2s;
 -moz-transition-duration: .2s;
 -o-transition-duration: .2s;
 -ms-transition-duration: .2s;
 transition-duration: .2s;
 -webkit-transition-timing-function: ease;
 -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease;
 -ms-transition-timing-function: ease;
 transition-timing-function: ease;
 background-image: url('https://www.bhem.dk/wp-content/uploads/2023/03/white-arrow.svg');
 background-clip: padding-box;
 background-repeat: no-repeat;
 background-position: 50% 50%;
}



/* COLUMNS
--------------------------------------------- */

.col-1-1 {
width:100% !important;
margin-bottom:0%;
}

.col-1-2 {
width:48.25% !important;
margin-right: 3.5%;
margin-bottom:0%;
}

.col-1-2:nth-child(2n) {
margin-right:0 !important;
}

.col-1-3 {
width:31% !important;
margin-right: 3.5%;
margin-bottom: 3.5%;
}

.col-1-3:nth-child(3n) {
margin-right:0 !important;
}

.col-1-4 {
box-sizing: border-box !important;
width: 23.125% !important;
margin-right:2.5% !important;
margin-bottom:30px !important;
}

.col-1-4:nth-child(4n) {
margin-right: 0% !important;
}

.product-col {
width:31% !important;
margin-right: 3.5%;
margin-bottom: 3.5%;
}

.product-col:nth-child(3n) {
margin-right:0 !important;
}



/*MEDIA QUERIES
--------------------------------------------- */



@media only screen and (max-width: 1920px) {
    

/* GENEREL
--------------------------------------------- */    

.custom-footer .fl-row-fixed-width {
padding-left: 10%;    
max-width:100% !important;
}

.fl-row-fixed-width {
max-width:80%;
}

.text-section .fl-row-fixed-width {
max-width:80%;
}


/* BEAVER CUSTOM-HEADER
--------------------------------------------- */

.custom-header .fl-row-full-width {
max-width: 80% !important;   
}


/* HERO-CONTAINER
--------------------------------------------- */

.hero-header-fp,.hero-header-page {
margin-left: 10% !important;    
max-width: 80% !important;
margin-bottom: 10%;
}

.hero-header-fp p,.hero-header-page p {
padding-right:50%;
}


/* FOOTER
--------------------------------------------- */

.custom-footer > .fl-row-content-wrap {
background-size: 1100px, cover;
background-position:right -500px bottom -550px, center center;
}

.footer-bottom-links {
padding-top:100px; 
} 
}


@media only screen and (max-width: 1680px) {


/* HERO-CONTAINER
--------------------------------------------- */

.hero-header-fp h1, .hero-header-page h1 {
font-size: 80px;
}    


/* BOXES & SECTIONS
--------------------------------------------- */

.topic-box-col > .fl-col-content {
padding:75% 5% 5% 5%;
}

.topic-box h2 {
font-size:25px;
}

.topic-box p {
font-size:16px;
line-height: 120%;
}

.topic-box {
min-height:180px;    
}

.topic-box-link img {
width: 30px;  
max-width: 30px;
}

/* CUSTOM-NAVIGATION
--------------------------------------------- */

.main-nav .menu a {
padding-left: 25px !important;
padding-right: 25px !important;
}



/* H-TAGS
--------------------------------------------- */

.section-headline h2, .section-headline-white h2 {
font-size: 18px;
letter-spacing: 1px !important;
}


/* PARAGRAPH
--------------------------------------------- */
.country-name p {
font-size:25px;
}


/* CUSTOM-FOOTER
--------------------------------------------- */

.custom-footer > .fl-row-content-wrap {
background-size: 1000px, cover;
background-position:right -500px bottom -500px, center center;
}
}


@media only screen and (max-width: 1536px) {


/* HERO-CONTAINER
--------------------------------------------- */

.hero-header-fp,.hero-header-page {
margin-bottom: 150px;
}
}



@media only screen and (max-width: 1440px) {


/* BEAVER CUSTOM-HEADER
--------------------------------------------- */

.custom-header .fl-row-full-width {
height:80px !important;
}


/* BEAVER CUSTOM LOGO
--------------------------------------------- */

.custom-logo img {
max-width: 150px !important;
max-height: 150px !important;
}    


/* BEAVER CUSTOM NAVIGATION
--------------------------------------------- */

.main-nav .fl-menu .menu > li {
font-size: 15px;
}

.main-nav .menu a {
padding-top: 0px;
padding-bottom: 25px;
} 


/* HERO-CONTAINER
--------------------------------------------- */

.hero-header-fp p,.hero-header-page p {
padding-right:30%;
}   

/* PADDING
--------------------------------------------- */

.cta-col-padding-left {
padding-left: 10% !important;
}

.cta-col-padding-right {
padding-right: 10% !important;
}

/* PARAGRAPH
--------------------------------------------- */

.country-name p {
font-size:20px;
}

/* ACCORDIAN
--------------------------------------------- */

.product-accordian .fl-accordion-button-label {
font-size: 18px;
}



/* CUSTOM-FOOTER
--------------------------------------------- */

.custom-footer > .fl-row-content-wrap {
background-size: 1000px, cover;
}

.custom-footer-logo img {
max-width: 150px;
}

.custom-footer-text h3 {
font-size: 15px;
padding-bottom: 15px;
}

.custom-footer-text p, .custom-footer-text a {
font-size: 13px;
}

.footer-bottom-links a, .footer-bottom-links p {
font-size: 11px;
}
}



@media only screen and (max-width: 1280px) {


/* GENEREL
--------------------------------------------- */   

body {
font-size: 16px;    
} 

.custom-footer .fl-row-fixed-width {
padding-left: 5%;    
max-width:100% !important;
}

.fl-row-fixed-width {
max-width:90%;
}

.text-section .fl-row-fixed-width {
max-width:90%;
}


/* BEAVER CUSTOM-HEADER
--------------------------------------------- */

.custom-header .fl-row-full-width {
max-width: 92% !important;   
}


/* BEAVER CUSTOM NAVIGATION
--------------------------------------------- */

.main-nav .fl-menu .menu > li {
font-size: 13px;
}

.main-nav .menu a {
padding-left: 20px !important;
padding-right: 20px !important;
}



/* HERO-CONTAINER
--------------------------------------------- */

.hero-header-fp, .hero-header-page {
max-width: 90% !important;
margin-left: 5% !important;
margin-bottom: 100px;
}

/* SUPPLIER LOGOS
--------------------------------------------- */

.supplier-logo {
margin-bottom:40px !important;
width:260px;
}

.supplier-logo img {
max-width: 80px !important;
max-height:30px !important;
}
}


@media only screen and (max-width: 1024px) {


/* GENEREL
--------------------------------------------- */	

body {
font-size: 17px;	
line-height: 130% !important;
}
    

/* HERO-CONTAINER
--------------------------------------------- */

.hero-header-fp h1, .hero-header-page h1 {
font-size: 70px;
}

.hero-header-fp p,.hero-header-page p {
font-size:18px;
}

.hero-header-fp p, .hero-header-page p {
padding-right: 30%;
}


/* H-TAGS
--------------------------------------------- */

.section-headline h2,.section-headline-white h2 {
font-size:16px;
}

.section-headline h2::after,.section-headline-white h2::after {
padding-bottom:25px;
margin-bottom:50px;
}

/* SUPPLIER LOGOS
--------------------------------------------- */

.supplier-logo {
width:210px;
}

/* TEAM-MEMBER
--------------------------------------------- */

.team-member h3 {
font-size:16px;
}



/* CUSTOM-FOOTER
--------------------------------------------- */

.custom-footer > .fl-row-content-wrap {
padding-top: 130px;
background-size: 850px, cover;
background-position:right -500px bottom -400px, center center;
}

.footer-bottom-links {
padding-top: 50px;
}

.footer-col-2,.footer-col-3,.footer-col-4 {
width: 18% !important;
}


/* RM4
--------------------------------------------- */

.fl-menu .menu {
display: none;
}

.fl-menu-mobile-toggle {
display: none;
}

.custom-search {
display: none;
}

#rmp-menu-title-166 {
text-align:left !important;
padding-top:0% !important;
padding-left: 5%;
padding-bottom:5%;
padding-right: 5%;
}

#rmp-menu-title-166 .rmp-menu-title-image {
max-width: 100%;
display: block;
margin-left:0 !important;
margin-bottom: 80px;
}

#rmp-menu-additional-content-166 {
margin:50px 0px 0px 0px !important; 
padding-top: 0%;
padding-left: 5%;
padding-bottom:0% !important;
padding-right: 5%;
text-align: left !important;
font-size:20px !important;
}

#rmp-menu-additional-content-166 a {
color: #000 !important;
line-height: 200% !important;
font-weight:400 !important;
color: #A8C88B !important;
letter-spacing:0px !important;
}

#rmp-container-166 {
width: 100% !important;
max-width: 100% !important;
left: 0;
background-image: url(https://www.bhem.dk/wp-content/uploads/2023/03/footer_bg-overlay.jpg) !important;
background-position: center center !important;
background-size: cover !important;
transition: transform 0.5s;
text-align: left;
padding-top:5% !important;
z-index:9999 !important;
}

#rmp-menu-wrap-166 {
padding-top:50px !important;    
background:transparent !important;
background-repeat: no-repeat;
}

#rmp-menu-wrap-166 .rmp-menu-item-link {
background: transparent !important;
margin-bottom:20px !important;
line-height: 130% !important;
border-bottom: 0px solid #212121 !important;
color: #fff !important;
background: transparent !important;
padding-left: 5% !important;
font-size:20px !important;
font-weight: 500 !important;
text-align:right !important;
text-transform: uppercase;
text-transform: uppercase !important;
letter-spacing:1px !important;
height: 30px !important;
}

#rmp-menu-wrap-166 .rmp-submenu .rmp-menu-item-link {
margin-bottom:20px !important;
line-height: 130% !important;
color: #A8C88B !important;
padding-left:10% !important;
font-size:15px !important;
font-weight: 400 !important;
text-align:left !important;
text-transform: uppercase;
text-transform: uppercase !important;
letter-spacing:1px !important;
height: 20px !important;
}

#rmp-menu-wrap-166 .rmp-menu-item-link:hover {
color: #bbb !important;
}

.rmp-search-box {
max-width: 300px !important;
}

#rmp_menu_trigger-166 {
width:32px !important;
height:32px !important;
top: 18px !important;
right:4% !important;    
background:transparent !important;
border-radius:100% !important;
border: 0px solid #fff !important;
padding:0 !important;
}

#rmp_menu_trigger-166:hover, #rmp_menu_trigger-166:focus, #rmp_menu_trigger-166.is-active:hover {
background:transparent !important;
}

#rmp_menu_trigger-166 .responsive-menu-pro-inner, #rmp_menu_trigger-166 .responsive-menu-pro-inner::before, #rmp_menu_trigger-166 .responsive-menu-pro-inner::after {
background:#fff !important;
border-radius: 0px !important;
}


#rmp_menu_trigger-166.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-166.is-active .responsive-menu-pro-inner::before, #rmp_menu_trigger-166.is-active .responsive-menu-pro-inner::after {
background:#fff !important;
border-radius: 0px !important;
}

#rmp_menu_trigger-166.is-active {
border: 0px solid #000 !important;
}

#rmp-menu-wrap-166 .rmp-menu-item-link .rmp-font-icon {
margin-right:32px !important;
font-size: 25px;
color:#A8C88B !important;
}
}

@media only screen and (max-width: 768px) {


/* BEAVER CUSTOM-HEADER
--------------------------------------------- */

.custom-header .fl-row-full-width {
height:70px !important;
}    


/* BEAVER CUSTOM LOGO
--------------------------------------------- */

.custom-logo img {
max-width: 130px !important;
max-height: 130px !important;
}    



/* HERO-CONTAINER
--------------------------------------------- */

.hero-header-fp, .hero-header-page {
max-width: 450px !important;
}

.hero-header-fp h1, .hero-header-page h1 {
font-size: 40px;
line-height: 100%;
margin-bottom: 15px;
}

.hero-header-fp p, .hero-header-page p {
padding-right:30px;
}

.contact-hero > .fl-row-content-wrap {
background-position:left -300px center;
}


/* BOXES & SECTIONS
--------------------------------------------- */


.topic-box {
padding:0% 5% 0% 5%;
min-height:200px;    
}

.topic-box-link img {
bottom: 5%;
right: 5%; 
}


/* H-TAGS
--------------------------------------------- */

.content-text h2,.content-accordian .fl-accordion-content h2 {
font-size:18px;
}


/* PARAGRAPH
--------------------------------------------- */

.cta-text p {
font-size:30px !important;
}


/* PADDING
--------------------------------------------- */

.top-bottom-padding > .fl-row-content-wrap {
padding:4em 0em 4em 0em;
}

.top-padding > .fl-row-content-wrap {
padding-top:4em;
}

.bottom-padding > .fl-row-content-wrap {
padding-bottom:4em;
}

.top-bottom-gap {
padding-top:0px !important;  
padding-bottom:0px !important;
}

.top-gap {
padding-top:0px !important;
}

.bottom-gap {
padding-bottom:0px !important;
}

.separator-top-bottom-gap {
padding-top:0px !important; 
padding-bottom:40px !important;
}

.cta-col-padding-left {
padding-left:0% !important; 
}    

.cta-col-padding-right {
padding-right: 0% !important;
}

.left-padding {
padding-left:0px;
}

.right-padding {
padding-right:0px;
}


/* ACCORDIAN
--------------------------------------------- */

.content-accordian .fl-accordion-button-label {
font-size: 20px;
}


/* IMAGES & VIDEO
--------------------------------------------- */


.bg-image > .fl-col-content::before {    
background-size:800px;
background-position:10px 25%;
opacity: 0.1;
}

/* BUTTON
--------------------------------------------- */

.blue-button a,.stroke-button a {
min-width:180px;
max-width: 100%;
padding: 15px 0px 15px 20px;
font-size: 15px;
margin-right:10px;
}


.blue-button a:after,.stroke-button a:after {
top: 0;
right: 20px;
height: 100%;
width: 15px;
}


/* GF FORM
--------------------------------------------- */

.contact-form .gform_wrapper.gravity-theme input[type=text],.contact-form .gform_wrapper.gravity-theme input[type=email],.contact-form .gform_wrapper.gravity-theme input[type=tel],.contact-form .gform_wrapper.gravity-theme textarea {
padding:10px 15px 10px 15px !important;
}

.contact-form input[type="submit"],.rent-form input[type="submit"] {
font-size: 16px !important;	
padding:8px 40px 8px 40px !important;
}


/* COLUMNS
--------------------------------------------- */

.col-1-1 {
width:100% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5%;
}

.col-1-2,.col-2-4 {
width:100% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:40px;
}

.col-1-2-last,.col-2-4-last {
width:90% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.col-1-3 {
width:100% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.col-1-3:nth-child(3n) {
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.col-1-3-last {
width:100% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.col-2-3 {
width:90% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.col-2-3-last {
width:90% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.col-1-4 {
width:90% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.col-1-4:nth-child(2n) {
width:90% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.col-1-4-last {
width:90% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.col-3-4 {
width:90% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.col-3-4-last {
width:90% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.col-1-5 {
width:90% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.col-1-5-last {
width:90% !important;
float:none;
margin-left:auto !important;
margin-right:auto !important;
margin-bottom:5% !important;
}

.fl-col-small {
max-width: 100% !important;
}

.col-image {
min-height:500px;
max-height:500px;
line-height:0;
}

.full-col-1-3 {
width:100% !important;
margin-right:0% !important;
margin-bottom:5% !important;
}

.full-col-2-3 {
width:100% !important;
margin-right:0% !important;
margin-bottom:0px !important;
}

.product-col {
width:100% !important;
margin-right:0% !important;
margin-bottom:50px !important;
}



/* CUSTOM-FOOTER
--------------------------------------------- */

.custom-footer > .fl-row-content-wrap {
padding-top: 50px;
}

.footer-col-1 {
width:100% !important;
margin-right:0% !important;
margin-bottom:15px !important;
}

.footer-col-2 {
width:100% !important;
margin-right:0% !important;
margin-bottom:30px !important;
}

.footer-col-3 {
width:100% !important;
margin-right:0% !important;
margin-bottom:30px !important;
}

.footer-col-4 {
width:100% !important;
margin-right:0% !important;
margin-bottom:0px !important;
}
}


@media only screen and (max-height:500px) {

/* HERO-CONTAINER
--------------------------------------------- */

.hero-container-fp .fl-row-content-wrap,.hero-container-page .fl-row-content-wrap {
display: flex;
background-repeat: no-repeat;
background-position: center center !important;
background-attachment: scroll;
background-size: cover;
min-height:150vh !important;
}

.hero-header-fp, .hero-header-page {
max-width: 450px !important;
}
}


@media only screen and (max-width: 480px) {


/* HERO-CONTAINER
--------------------------------------------- */

.hero-header-fp, .hero-header-page {
max-width: 90% !important;
margin-bottom: 20%;
}

.hero-header-fp p, .hero-header-page p {
font-size: 15px;
}

.hero-btn-group {
margin-top: 25px;
}

.contact-hero > .fl-row-content-wrap {
background-position:left -380px center;
}

/* SUPPLIER LOGOS
--------------------------------------------- */

.supplier-logo {
margin-bottom:15px !important;
width:100px;
}

.supplier-logo img {
max-width: 50px !important;
max-height: 25px !important;
}

.supplier-logo:nth-child(4n),.supplier-logo:nth-child(5n),.supplier-logo:nth-child(6n) {
margin-bottom:15px !important;
}

.supplier-logo:nth-child(7n),.supplier-logo:nth-child(8n) {
margin-bottom:0px !important;
}



/* PARAGRAPH
--------------------------------------------- */

.cta-text p {
font-size:25px !important;
}

.country-name p {
font-size: 15px;
}

/* BUTTONS
--------------------------------------------- */

.blue-button a, .stroke-button a {
min-width: 150px;
padding: 12px 0px 12px 12px;
font-size: 13px;
}

.blue-button a:after,.stroke-button a:after,.blue-button-large a:after {
right: 12px;
width: 14px;
}



/* RM4
--------------------------------------------- */

#rmp-menu-title-196 {
text-align:left !important;
padding-top:5% !important;
padding-left: 5%;
padding-bottom: 0%;
padding-right: 5%;
}

#rmp-menu-title-196 .rmp-menu-title-image {
max-width:20% !important;
}

#rmp-menu-additional-content-196 {
margin:30px 0px 0px 0px !important;	
font-size:18px !important;
}

#rmp-menu-wrap-196 {
padding-top:20px !important;    
}

#rmp-menu-wrap-196 .rmp-menu-item-link {
font-size:18px !important;
margin-bottom: 10px !important;
}

/* FOOTER
--------------------------------------------- */

.custom-footer > .fl-row-content-wrap {
background-size: 800px, cover;
background-position:right -500px bottom -400px, center center;
}

.footer-bottom-links::before {
width:100px;
}
}


@media only screen and (max-width: 400px) {


#rmp-menu-wrap-196 #rmp-menu-item-32 a {
height: 50px !important;
}

#rmp-menu-wrap-196 #rmp-menu-item-32 .rmp-submenu .rmp-menu-item-link {
height: 20px !important;
}
}