@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700;800&display=swap');



 

/***** CLEAN *************************************************************************/
 

  
/* RESET */

* { box-sizing: border-box !important; font-family: 'Raleway', sans-serif !important; }	
.vc_column_container>.vc_column-inner { padding: 0px !important; }
.vc_row-has-fill > .vc_column_container > .vc_column-inner { padding: 0px !important; }
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner { padding: 0px !important; }
.wpb_content_element { padding-bottom: 0px !important; margin-bottom: 0px !important; } 
 
 
/* BODY */ 
 
body { color: #000; background: #f6f8f7 !important; line-height: 1.6; font-size: 15px; font-family: 'Raleway', sans-serif !important; }
a { color: #3E6452; } 
.mobshow { display: none; }
img { max-width: 100% !important; }

.overflow { overflow: hidden !important; max-width: 2600px; margin-left: auto; margin-right: auto;   }
.container{ margin-left:auto !important;margin-right:auto !important; /* padding-top: 50px; padding-bottom: 50px; */ }
.wrapper { max-width:1560px !important;width:100%;margin-left:auto !important;margin-right:auto !important; padding-left: 30px; padding-right: 30px; }
.wrapper.small { max-width:1260px;width:100%;margin-left:auto !important;margin-right:auto !important; padding-left: 30px; padding-right: 30px; }
.wrapper.supersmall { max-width:900px;width:100%;margin-left:auto !important;margin-right:auto !important; padding-left: 30px; padding-right: 30px; }
.wrapper img { border-radius: 25px; }


/* CONTENT */

.vc_box_rounded img { border-radius: 50px !important; }
.vc_figure-caption { text-align: center; opacity: 50%; padding: 5px; }
.vc_toggle { background: #f2f2f2; border: 1px solid #ccc; width: 100%; border-radius: 25px !important; border-radius: 3px; padding: 10px 20px; }

.indeks { background: #f2f2f2; border: 1px solid #ccc; border-radius: 25px !important; border-radius: 3px; padding: 50px !important;  }
.indeks ul{  margin-left: 20px; }
.indeks ul li { margin-bottom: 1px; }
.indeks h3 { font-size: 18px; }
.indeks a { text-decoration: underline; }
.indeks a:hover { text-decoration: none; }



/* CTA */


.cta-center { text-align: center; }
.vc_btn3-inline { margin-left: 10px; margin-right: 10px; }
.white .vc_general { background: none !important; border: 1px solid #fff !important; color: #fff !important; }
.orange .vc_general { background: #BC661C !important; border: 1px solid #BC661C !important; color: #fff !important; }
.black .vc_general, .cta.black { background: #000 !important; border: 1px solid #000 !important; color: #fff !important; }
.blackoutline .vc_general { background: none !important; border: 1px solid #000 !important; color: #000 !important; }
.green .vc_general, .cta.green { background: #385949 !important; border: 1px solid #385949 !important; color: #fff !important; }
.vc_general { border-radius: 50px !important; min-width: 200px !important; padding-left: 50px !important; padding-right: 50px !important;  text-transform: uppercase; font-weight: 700; margin-top: 25px; font-size: 15px !important; cursor: pointer !important; font-family: 'Raleway', sans-serif !important;}
a.cta { border-radius: 50px !important; min-width: 200px !important; line-height: 46px; display: inline-block !important; padding-left: 50px !important; padding-right: 50px !important;  text-transform: uppercase; font-weight: 700; margin-top: 25px; font-size: 15px !important; cursor: pointer !important; margin-left: auto !important; margin-right: auto !important; }

a.vc_btn3-icon-left { text-align: center !important; padding-left: 60px !important; }
.vc_general, a.cta {transition: all 0.3s ease-in-out;}
.vc_general:hover, a.cta:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2);  -webkit-transform: scale(1.07, 1.07); transform: scale(1.07, 1.07); } 




 /* BACKGROUND [OK] */

.sektion-bg-1 { background: #f6f8f7 url('https://hairboost.dk/wp-content/uploads/2022/11/bg2-scaled.jpg') center top no-repeat !important; min-height: 600px;  }
.sektion-bg-2 { background: #f6f8f7 url('https://hairboost.dk/wp-content/uploads/2022/11/bg2-scaled.jpg') center top no-repeat !important; min-height: 600px;  }
.sektion-bg-3 { background: #e3e5e4 url('https://hairboost.dk/wp-content/uploads/2022/11/bg3-scaled.jpg') center center no-repeat !important; min-height: 800px;  }
.sektion-bg-4 { background: #e3e5e4 url('https://hairboost.dk/wp-content/uploads/2022/11/bg4-scaled.jpg') center center no-repeat !important;   }
.sektion-bg-5 { background: #e3e5e4 url('https://hairboost.dk/wp-content/uploads/2022/11/bg5-scaled.jpg') center bottom no-repeat !important; min-height: 800px;  }
 
 
 /* FONT-SIZE [OK] */
 
.add-logo { background: url('https://hairboost.dk/img/h-icon.png') center top no-repeat !important; background-size: auto 40px !important; padding-top: 50px; } 
h1, h2, h3, h4, h5, h6 { color: #000; font-family: 'Raleway', sans-serif !important; font-weight: 700 !important; } 
h1 { font-size: 56px; margin-bottom: 10px; line-height: 1.2; }
h2, h3 { font-size: 32px; line-height: 1.2; }
h4 { font-size: 18px; }
h4.add-logo { font-size: 26px; line-height: 1.2; }
.widget-bubble h4 { font-size: 32px; line-height: 1.2; }

 
 /* TOP [OK] */

.top { position: relative; z-index: 999; width: 100%; padding-top: 0px; padding-bottom: 0px; display: block; height: 0px; }
.top .wrapper { padding: 0px; height: 120px; padding: 0px 20px 0px 20px }

.top .logo { display: inline-block; width: 200px; padding-top: 10px;  }
.top .logo img { max-width: 200px; }
.top .menu { display: inline-block; vertical-align: top; padding-top: 30px; width: calc(100% - 410px); text-align: center; }
.top .menu a { font-weight: 600 !important;  }
.top .test-cta { display: inline-block; vertical-align: top; padding-top: 0px; width: 200px;  }
.top .test-cta a { background: url('https://hairboost.dk/img/menu-cta.png') top center; background-size: auto 80px !important; height: 80px; background-repeat: no-repeat; margin-top: 10px; display: block; padding-top: 42px; font-size: 12px; text-align: center; color: #fff; text-transform: uppercase; font-weight: 700;  }
.top .test-cta a:hover { opacity: 70%;  }
 
 
 
/* HDR [OK] */
 
#hdr {  overflow: hidden; padding: 0px; color: #fff; background: #000; }
#hdr:after { background: url('https://hairboost.dk/wp-content/uploads/2022/11/bg1.png') center bottom no-repeat !important; display: block; width: 100%; height: 100px; z-index: 50; position: relative; bottom:-2px; }
#hdr video { opacity: 80%; height: 900px;  width: 100%; position: absolute;  object-fit: cover; z-index: 0;  }
#hdr img { opacity: 35%; height: 800px;  width: 100%; position: absolute;  object-fit: cover; z-index: 0;  }

#hdr h1 { color: #fff;  }
#hdr h1.big { color: #fff;  }
#hdr p {  max-width: 800px; font-size: 18px; margin-bottom: 20px; margin-left: auto; margin-right: auto; }
 
#hdr .wrapper { padding-top: 180px; padding-bottom: 100px; text-align: center; }
#hdr.big .wrapper { padding-top: 220px; padding-bottom: 150px; }
#hdr.big .wrapper .wrapper-left { max-width: 760px !important; }

.wrapper-webshop h1 { font-size: 72px; }
.wrapper-webshop p { font-size: 22px !important; }

#hdr .vc_general { margin-top: 0px !important;} 
 
/* GRIDBUILDER [OK] */


.wpgb-button-label { font-weight: 700 !important; font-size: 14px !important; }
.wpgb-facet .wpgb-button { padding: 7px 16px !important; text-transform: uppercase !important; font-size: 14px !important; border-radius: 50px !important; font-weight: 700 !important; margin-left: 2px !important; margin-right: 2px !important; }
.wpgb-facet .wpgb-button[aria-pressed="true"] { background: #3E6452 !important; border: 2px solid #3E6452 !important; color: #fff !important;  }
.wpgb-facet ul .wpgb-button { background: none !important; border: 2px solid #555 !important; color: #555 !important;  }
.wpgb-facet>fieldset:last-child { background: none !important; }
.wpgb-facet .wpgb-inline-list li { background: none !important; }
.wpgb-facet .wpgb-search-facet input[type="search"] { border-radius: 50px !important; }
 
 
 
/* WIDGETS [OK] */


.widget-webshop-text { padding-left: 70px !important; padding-right: 70px !important; text-align: center; }
.widget-webshop-feed { padding-top: 70px !important; }
 
 
.widget-box-text { padding-left: 70px !important; padding-right: 70px !important; text-align: center; }
.widget-box-img { }
.widget-box-img .box { border-radius: 30px; transition: all 0.3s ease-in-out; cursor: pointer; }
.widget-box-img .box:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2);  -webkit-transform: scale(1.07, 1.07); transform: scale(1.07, 1.07); }
.widget-box-img .box img { border-radius: 30px; }
.widget-box-img .box .label { position: relative; height: 0px; top: -50px; left: 20px;   }
.widget-box-img .box .label span { background: #BC661C !important; border-radius: 50px; padding: 10px 25px !important; color: #fff; font-size: 14px; font-weight: 700; }
 
 
.widget-post-feed .wpgb-layout { right: -100px !important; }
.widget-post-feed .wp-grid-builder .wpgb-area-left { left: -70px !important; }
.widget-post-feed .wpgb-facet .wpgb-button {  padding-left: 50px !important; padding-right: 50px !important; }	

 
.widget-bubble { padding: 0px !important; text-align: center; }
.widget-bubble-green { height: 640px !important; background: url('https://hairboost.dk/wp-content/uploads/2022/11/bubble-big-green.png'); background-repeat: no-repeat; background-size: contain !important; background-position: center center;  color: #fff; }
.widget-bubble-green img { max-width: 250px !important; position: relative; top: 0px; margin-bottom: 20px !important; }
.widget-bubble-green .box { padding-left: 50px; padding-right: 20px; max-width: 540px; margin-left: auto !important; margin-right: auto !important; }
.widget-bubble-green .box h4 { color: #fff; text-align: center; margin-bottom: 0px; }
.widget-bubble-green .form-style { margin-top: 20px !important; }
.widget-bubble-empty .box { text-align: center; padding-left: 70px !important; padding-right: 70px !important; text-align: center; }
.widget-bubble-empty .box p { max-width: 500px; width: 100%; margin-left: auto; margin-right: auto; }
.widget-bubble-empty .box h4 { text-align: center; }






/* FOOTER */

#footer { margin-top: 30px; padding-bottom: 100px;  padding-top: 0px; color: #fff; background: #585858; }
#footer:before { background: url('https://hairboost.dk/wp-content/uploads/2022/11/hdrbottom.png') center top no-repeat !important; display: block; width: 100%; height: 100px; z-index: 50; position: relative; top:-2px; margin-bottom: 70px; }
#footer h3 { color: #fff; }
#footer a { color: #fff; }




/* DELETE */

a.lb-prev, .lb-next, .lb-cancel { display: none !important; }



/******************************************************************************/
 
 







/* FORMS */



.frm_form_title { display: none !important; }


.result { display: none;}
.result img { border-radius: 25px; }

.result-text { padding-right: 30px;  }
.result-form { padding-right: 0px !important;  }



.result .formular { padding: 30px; padding-top: 40px; padding-bottom: 5px; background: #2a5a46; color: #fff !important; border-radius: 25px; text-align: center; width: 100%;  }
.result .formular h2 { font-size: 26px;  color: #fff; }
.result .formular .sub { margin-bottom: 30px; display: block; font-size: 14px; }
.result .formular .frm_primary_label { color: #fff !important; }
.result .formular #frm_field_88_container { display: none !important; }
.result .formular #frm_field_89_container { display: none !important; }
.result .formular #frm_field_98_container .frm_primary_label { display: none !important; }
.result .formular #frm_checkbox_98-0 label { color: #fff !important; }
.result .formular input[type=text] { border-radius: 25px; padding: 22px; }
.result .formular .frm_submit {  }
.result .formular button.frm_button_submit {  border-radius: 50px !important; width: 200px !important; max-width: 100% !important; display: block !important; padding-left: 50px !important; padding-right: 50px !important;  text-transform: uppercase; font-weight: 700 !important; margin-top: 25px; font-size: 15px !important; cursor: pointer !important; font-family: 'Raleway', sans-serif !important; background: #BC661C !important; border: 1px solid #BC661C !important; color: #fff !important; margin-left: auto !important; margin-right: auto !important; }


.frm_error { color: #B94A48; background: #F2DEDE; border: 1px solid #EBCCD1; padding: 4px 8px !important; margin-top: 5px; border-radius: 3px; display: inline-block; }
.frm_style_formidable-styling.with_frm_style .frm_error_style { display: none !important; }


.input[type=text] { border-radius: 25px; padding: 22px; } { }
.form-style { max-width: 400px;  margin-left: auto; margin-right: auto; }
.form-style input[type=text] { border-radius: 25px; padding: 22px; border: 0px; }
.form-style.form-white label { color: #fff !important; }
.form-style button.frm_button_submit {  border-radius: 50px !important; width: 200px !important; max-width: 100% !important; display: block !important; padding-left: 50px !important; padding-right: 50px !important;  text-transform: uppercase; font-weight: 700 !important; margin-top: 25px; font-size: 15px !important; cursor: pointer !important; font-family: 'Raleway', sans-serif !important; background: #BC661C !important; border: 1px solid #BC661C !important; color: #fff !important; margin-left: auto !important; margin-right: auto !important; }

.form-style #frm_field_88_container { display: none !important; }
.form-style #frm_field_89_container { display: none !important; }
.form-style #frm_field_98_container .frm_primary_label { display: none !important; }

.form-style #frm_field_102_container { display: none !important; }
.form-style #frm_field_103_container { display: none !important; }
.form-style #frm_field_104_container .frm_primary_label { display: none !important; }

.fancybox__nav { display: none !important; }

.popup { width: 500px; max-width: 100%; background: #2a5a46; color: #fff; border-radius: 25px; }
.popup h4 { font-size: 26px;  color: #fff; text-align: center; }
.popup .sub { margin-bottom: 30px; display: block; font-size: 14px; text-align: center; }


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a9a9a9 !important;
  opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a9a9a9 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #a9a9a9 !important;
}














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




/***** CLEAN *************************************************************************/


 
/* BODY */ 

.mobhide { display: none !important; }
.mobshow { display: block !important; }	
.reverse { flex-direction: column-reverse; }


 /* BACKGROUND [OK] */

.sektion-bg-1 { background: #f6f8f7 url('https://hairboost.dk/wp-content/uploads/2022/11/bg2-scaled.jpg') center top no-repeat !important; min-height: 600px;  }
.sektion-bg-2 { background: #f6f8f7 url('https://hairboost.dk/wp-content/uploads/2022/11/bg2-scaled.jpg') center top no-repeat !important; min-height: 600px;  }
.sektion-bg-3 { background: #e3e5e4 url('https://hairboost.dk/wp-content/uploads/2022/11/bg3-scaled.jpg') center top no-repeat !important; min-height: 800px;  }
.sektion-bg-4 { background: #e3e5e4 url('https://hairboost.dk/wp-content/uploads/2022/11/bg4-scaled.jpg') center center no-repeat !important;   }
.sektion-bg-5 { background: #e3e5e4 url('https://hairboost.dk/wp-content/uploads/2022/11/bg5-scaled.jpg') center bottom no-repeat !important; min-height: 800px;  }



 /* FONT-SIZE [OK] */
 
h1 { font-size: 48px; margin-bottom: 10px; line-height: 1.2;}
h2, h3 { font-size: 26px; line-height: 1.2;}
h4 { font-size: 18px; }
h4.add-logo { font-size: 26px; line-height: 1.2; }
.widget-bubble h4 { font-size: 26px; line-height: 1.2; }

/* TOP [OK] */


.top .menu { width: calc(100% - 210px); }
.top .test-cta { display: none; }


/* HDR [OK] */

 
#hdr .wrapper { padding-top: 180px; padding-bottom: 120px; }
#hdr.big .wrapper { padding-top: 160px; padding-bottom: 80px; }




/* WIDGETS */


.widget-webshop-text { padding-left: 15px !important; padding-right: 15px !important; max-width: 560px; margin-left: auto; margin-right: auto;  }
.widget-webshop-feed { padding-top: 0px !important; }

.widget-box-text { padding-left: 15px !important; padding-right: 15px !important; max-width: 600px; margin-left: auto; margin-right: auto;  }
.widget-box-img { padding-left: 30px !important; padding-right: 30px !important; }

.widget-post-feed .wpgb-facet-9 { display: none !important; }

.widget-bubble-green { background-size: contain !important;  }
.widget-bubble-green .box { max-width: 540px; font-size: 14px; } 



/******************************************************************************/



	
}



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





/***** CLEAN *************************************************************************/


/* BODY */

body {font-size: 14px; }

.container {  }
.wrapper {  padding-left: 15px; padding-right: 15px;  }
.wrapper.small { padding-left: 15px;  padding-right: 15px;  }
.wrapper.supersmall { padding-left: 15px;  padding-right: 15px;  }


/* CONTENT */

.indeks { padding: 30px !important; padding-right: 20px !important;  }


 /* FONT-SIZE [OK] */
 
h1 br, h2 br, h3 br, h4 br, h5 br, h6 br { display: none; } 
h1 { font-size: 28px; line-height: 1.2;}
h2, h3 { font-size: 26px; line-height: 1.2;}
h4 { font-size: 16px; }
h4.add-logo { font-size: 20px; line-height: 1.2; }
.widget-bubble h4 { font-size: 26px; line-height: 1.2; }


/* HDR [OK] */

 
#hdr .wrapper { padding-top: 160px; padding-bottom: 40px; }
#hdr.big .wrapper { padding-top: 160px; padding-bottom: 40px; }
#hdr p {  font-size: 16px;   }
#hdr p br { display: none; } 
#hdr video { display: none !important; }
.webshop-frontpage { background-image: url('https://hairboost.dk/wp-content/uploads/2023/05/Screenshot-2023-05-29-at-17.23.16.jpg') !important;  background-attachment: fixed !important; }
.webshop-frontpage h1 { color: #fff; font-size: 46px !important;  }

/* WIDGETS */


.widget-bubble-green { background-size: cover !important;  }
.widget-bubble-green .box { padding-left: 0px; padding-right: 0px; max-width: 540px; font-size: 14px; }
.widget-bubble-green .box .form-style { padding-left: 30px !important; padding-right: 30px !important }
.widget-bubble-empty .box { padding-left: 15px !important; padding-right: 15px !important; }






/* TEST RESULTAT */


.result-form { padding-right: 10px !important; padding-left: 10px !important;  }

/******************************************************************************/






	
}