/*
Theme Name: Brobyggerne
Author: AdResult
Description: Et specialbygget tema til WordPress
Version: 1.0
*/


/* Zilla Slab */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');


* {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
}


/* COLORS */
.color { color: #BDD9C8; } 
.color { color: #F39340; } 
.color { color: #2D4C5B; } 
.color { color: #FDF9F5; } 


/*
.wpgb-carousel .wpgb-card {
  transform: scale(0.8);
  z-index: 10;
  transition: transform 0.3s ease;
}

.wpgb-carousel .wpgb-card[aria-hidden="false"] {
  transform: scale(1.2);
  z-index: 10;
  transition: transform 0.3s ease;
}
*/



/* RESET */
  
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.wpb_raw_html { padding-top: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px !important; margin-top: 0px !important;  }
  
 html {
   scroll-behavior: smooth !important;
 }
 
  
* { box-sizing: border-box; }	
body { font-family: "Nunito Sans", sans-serif;color: #152622; background: #fff; line-height: 1.5; font-size: 16px; margin: 0px !important; width: 100% !important;  max-width: 3000px !important; overflow-x: hidden !important; margin-left:auto !important;margin-right:auto !important; min-width: 100% !important; }

.container{ max-width: 100%; width: 100%; margin-left:auto !important;margin-right:auto !important;  padding-top: 150px; padding-bottom: 150px; }
.wrapper { max-width:1400px; width:100%; margin-left:auto !important;margin-right:auto !important; }	
.wrap { max-width: 100%; overflow: hidden; }


.topbar, .menubar, .container { padding-left: 30px; padding-right: 30px;}
  
.small { max-width: 600px; margin-left: auto; margin-right: auto;  }
.medium { max-width: 1000px !important; margin-left: auto; margin-right: auto;  }
.center { text-align: center; }

  
.wg-lang-en #mega-menu-item-135 { 
  display: none !important; 
}


  

/* WP Bakery */	

  
.center { text-align: center; }	
.center h2, .center h3, .center h4, .center h5  { text-align: center !important; }	
.white, .white h2, .white h3, .white h4, .white h5 { color: #fff; }
.white .manchet { color: #fff; }
  
.white ul.focus-list li::before {
  color: #95B6A5;
}  
  
.small .manchet { max-width: 600px; margin-left: auto; margin-right: auto;  }  
  

  
.js-link { cursor: pointer !important; transition: all 0.3s ease-in-out; }


  
/* End WP Bakery */			




/* FONTS */
  
a { color: #044867;font-family: "Nunito Sans", sans-serif;  }	
h1, h2, h3, h4, h5, h6 { font-family: "Nunito Sans", sans-serif; line-height: 1.25; font-weight: 700 !important;  }

h1 { font-size: 56px; line-height: 1.1; margin-bottom: 16px !important;}
h2 { font-size: 40px; }
h2.large, h3.large { font-size: 56px; }
h2 span { color: #F39340; font-weight: 700; }
h3 { font-size: 40px; }
h4 { font-size: 28px; }
h5 { font-size: 20px; font-weight: 600; display: inline-block; text-align: left; }
h6 { }

strong, b { font-weight: 700; }

.weight-200 { font-weight: 200; }

h1.large, h2.large, h3.large { font-size: 52px; }

.manchet { font-size: 20px;  }

ul.focus-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.focus-list li {
  font-size: 15px;
  margin-bottom: 30px !important;
  position: relative;
  padding-left: 30px;
}

ul.focus-list li::before {
  content: "\f111"; /* Font Awesome check icon */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  color: #30584A;
}



/* BTN */
.vc_btn3, a.cta  { background: #F39340 !important; color: #fff !important; display: inline-block !important; height: 50px !important; line-height: 50px !important; padding-top: 0px !important; padding-bottom: 0px !important; min-width: 240px; max-width: 100%; padding-left: 50px !important; padding-right: 50px !important; font-size: 15px !important; font-weight: 600 !important; border: none !important; border-radius: 50px !important;  text-align: center !important; transition: all 0.3s ease-in-out; margin-bottom: 10px !important; text-transform: uppercase !important; text-decoration: none !important; margin-top: 0px;  }
.vc_btn3:hover, a.cta:hover { cursor: pointer !important; box-shadow: 0 5px 35px rgba(0,0,0,0.3);  -webkit-transform: scale(1.02, 1.02) !important; transform: scale(1.02, 1.02) !important;  }	

.white .vc_btn3{ border: 2px solid #fff !important; color: #fff !important; background: none !important; } 
.center .vc_btn3-inline .vc_btn3 { margin-left: 12px !important; margin-right: 12px !important;}


 
.menubar {  padding-left: 30px; padding-right: 30px; padding-top: 0; padding-bottom: 0; z-index: 999; top: 0; position: relative; transition: height 0.3s ease, background 0.3s ease !important; border-top: 10px solid #F39340;   }
.menubar.white a { color: #fff !important;  }
.menubar.white .mega-sub-menu a { background: #2D4C5B !important; }

.menubar .branding { float: left; width: 250px; padding-top: 20px; transition: opacity 0.3s ease !important;  }
.menubar .branding img { max-height: 72px; }

.menubar .navigation { float: right; display: block; width: calc(100% - 250px); padding-top: 35px; }
.menubar .navigation .menu-featured { float: right; display: block; width: calc(100% - 60px); padding-right: 20px; transition: opacity 0.3s ease !important; }
.menubar .navigation .menu-featured a { transition: opacity 0.3s ease !important; }
.menubar .navigation .menu-featured a:hover { opacity: 0.7 !important; cursor: pointer !important; }

.menu-featured .menu-mega { width: calc(100% - 60px); float: left; text-align: right; }

.menu-featured .lang { width: 60px; float: right; padding-top: 6px; text-align: right;; }
.menu-featured .lang .wgcurrent { display: none !important; }


.menubar .focus#mega-menu-item-2439 a { 
  width: 150px !important;
  border-radius: 33px !important;
  background-color: rgba(243, 147, 64, 1) !important;
  text-align: center !important;
  color: #fff !important;
  margin-left: 20px !important;
}


.lang-en #mega-menu-item-135 {
    display: none !important;
}


/* HDR */



#hdr { position: relative;padding-top: 80px;padding-bottom: 80px; margin-top: 00px;
background-size: cover !important;
background-position: center center !important;
background-repeat: none !important; }
#hdr.frontpage { min-height: 850px;padding-bottom: 0px; background: #000; }
#hdr.frontpage h1 { color: #fff; padding-top: 300px; font-size: 72px; margin-bottom: 20px; }
#hdr.frontpage video { opacity: 80%; height: 1000px; width: calc(100% + 30px); position: absolute; object-fit: cover; z-index: 0; top: -250px; }	

#hdr.donate { min-height: 850px;padding-bottom: 0px; background: #000; }
#hdr.donate h1 { color: #fff; padding-top: 300px; font-size: 72px; margin-bottom: 20px; }
#hdr.donate h2 { color: rgba(243, 147, 64, 1) !important; }
#hdr.donate video { opacity: 80%; height: 1000px; width: 100%; position: absolute; object-fit: cover; z-index: 0; top: -250px; }	




#formular { padding-top: 50px; padding-bottom: 50px; }
#formular .arrow-overlay { height: 0px; }
#formular .arrow-overlay .arrow { position: relative; bottom: 160px; left: 530px;  display: block; width: 200px; height: 170px; background: url('http://brobyggerne.adresults.dk/wp-content/uploads/2025/07/Path.png') no-repeat; background-size: contain; text-align: center;  }
#formular h2.arrow-text {  font-size: 38px; }




#formular .front-formular { top: -540px; margin-bottom: -540px; height: 580px;  position: relative; border-bottom: 0px; background: f9ede1; padding: 25px; border-radius: 10px; width: 560px; float: right;  text-align: center;  background: #f9ede1; }
#singleForm, #monthlyForm { margin-top: 22px; }
#formular .donation-options {}
#formular h3 { font-size: 32px; }
#formular .donation-options button { display: inline-block; width: calc(30% - 14px); margin-left: 8px; margin-right: 8px; padding: 20px; border-radius: 50px; background: #bdd9c8; color: #2d4c5b; font-size: 18px; font-weight: 700; border: none; }
#formular .donation-options button:hover { opacity: 0.8; cursor: pointer; }
#formular .donation-options button.focus {background: #2d4c5b; color: #fff;  }
#formular .donation-options input[type=number] { display: block; width: 90%; margin-top: 25px; margin-bottom: 25px; padding: 20px; border-radius: 50px; margin-left: auto; margin-right: auto; border: none; text-align: center; font-size: 18px; }
#formular .donation-options input[type=submit] { display: block; width: 50%;  padding: 20px; border-radius: 50px; margin-left: auto; margin-right: auto; border: none; background: #f39340; font-size: 18px; font-weight: 700;  margin-top: 25px; color: #fff; text-transform: uppercase; }

#formular .donation-text { width: 90%; background: url('http://brobyggerne.adresults.dk/wp-content/uploads/2025/07/Skaermbillede-2025-07-30-kl.-16.01.24.png') no-repeat; background-size: 60px auto; margin-left: auto; margin-right: auto; padding-left: 70px; text-align: left; min-height: 60px; padding-top: 10px; font-size: 14px; }




.front-formular {}
.front-formular h3 { }

.formular-extra { margin-top: 50px; margin-left: auto; margin-right: auto; width: 90%; font-size: 14px; display: none; }

.sms:before, .mobilepay:before { min-height: 80px;; }

.formular-extra .sms:before { content: ''; background: url('http://brobyggerne.adresults.dk/wp-content/uploads/2025/08/Skaermbillede-2025-08-07-kl.-14.41.44.png') no-repeat; background-position: center center; display: block; }
.formular-extra .sms { background: #fff; width: calc(50% - 15px); float: left; border-radius: 10px; padding: 15px; }

.formular-extra .mobilepay:before { content: ''; background: url('http://brobyggerne.adresults.dk/wp-content/uploads/2025/08/Skaermbillede-2025-08-07-kl.-14.41.48.png') no-repeat; background-position: center center; display: block; }
.formular-extra .mobilepay { background: #fff; width: calc(50% - 15px); float: right;border-radius: 10px; padding: 15px; }



#formular .of-formular { top: -700px; margin-bottom: -700px; height: auto;  position: relative; border-bottom: 0px; background: f9ede1; padding: 25px; border-radius: 10px; width: 560px; float: right;  text-align: center;  background: #fff; padding-top: 10px; }
#formular .formular-content {  font-size: 18px; padding-right: 150px;  }
#formular .formular-content h2 { padding-top: 50px; }



/* Formidable */

.with_frm_style input[type=text] { border-radius: 25px !important; }

.frm_button_submit { padding: 16px !important; width: 200px !important; text-transform: uppercase; border-radius: 50px !important; background: #F39340 !important; border: 0px !important;  }



/* ELEMENTER */

.box { padding-top: 100px; padding-bottom: 100px;}



/** POST **/

.post { padding-top: 100px; padding-bottom: 150px;background: #BDD9C8; }
.post h1 { font-size: 42px; }
.post .post-left { border-radius: 15px;width: calc(50% - 15px); overflow: hidden; float: left; }
.post .post-right { padding: 70px; border-radius: 15px; background: #fff; float: right; width: calc(50% - 15px); padding-top: 40px; }
.post .post-full { padding: 70px; border-radius: 15px; background: #fff; display: block; width: 100%; }
.post-thumbnail img { max-width: 100%; height: auto; }



/*** */

.woocommerce { max-width: 1000px; margin-left: auto; margin-right: auto; padding-bottom: 150px; padding-top: 100px; }
.woocommerce h2, .woocommerce h3 { font-size: 22px; }



/******** CUSTOM CSS ********/


  /* Effect */


.fade1, .fade2, .fade3, .fade4, .fade5, .fade6 {
  opacity: 0;
  transition: opacity 1s ease-out;
}

.fade1 { transition-delay: 0.25s; }
.fade2 { transition-delay: 0.50s; }
.fade3 { transition-delay: 0.75s; }
.fade4 { transition-delay: 1.00s; }	
.fade5 { transition-delay: 1.25s; }	
.fade6 { transition-delay: 1.50s; }	



.fade-up,
.fade-left,
.fade-right {
  opacity: 0;
  transition: all 1.2s ease-out; /* langsommere animation */
}

.fade-up {
  transform: translateY(60px);
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}


.fade-left {
  transform: translateX(-150px);
  opacity: 0;
  transition: transform 1.2s ease, opacity 2s ease;
}
.fade-left.visible {
  transform: translateX(0);
  opacity: 1;
}


.fade-right {
  transform: translateX(150px);
  opacity: 0;
  transition: transform 1.2s ease, opacity 2s ease;
}
.fade-right.visible {
  transform: translateX(0);
  opacity: 1;
}


  /* Style */


.box-left-text { right: -25px; top: 0px;}
.box-right-text {  left: -25px; top: 50px; }
.box-left-img { right: -25px; top: 0px; }
.box-right-img { left: -25px; top: 50px; }
.box-left-text, .box-right-text { z-index: 1; }
.box-right-text .vc_column-inner, .box-left-text .vc_column-inner { padding: 70px !important; border-radius: 15px; }

.box-left-img img, .box-right-img img { border-radius: 15px;  }
.box-round .vc_column-inner { border-radius: 15px; }
.box-left-img iframe, .box-right-img iframe { border-radius: 15px;  }


  /* Color */

.color-white { color: #fff; }



.footer { background: #2D4C5B; color: #fff; padding-top: 0px; padding-bottom: 50px; }
.footer a { color: #fff; }

.footer-logo {  text-align: center; display: block; position: relative; top: -100px; margin-bottom: -50px;  }
.footer-logo-wrap { background: #000; border-radius: 50%; width: 140px; height: 140px; padding-top: 20px; padding-left: 10px; background: rgba(243, 147, 64, 1); border: 6px solid #fff; text-align: center; margin-left: auto; margin-right: auto; }
.footer-logo-wrap img { width: 80px; height: auto; }


.footer-bottom { background: #213943; color: #fff; }
.footer-bottom a { color: #fff; }



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

  
  #hdr { position: relative;padding-top: 80px;padding-bottom: 80px; margin-top: 00px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: none !important; }
  #hdr.frontpage { min-height: 850px;padding-bottom: 0px; background: #000; }
  #hdr.frontpage h1 { color: #fff; padding-top: 300px; font-size: 52px; margin-bottom: 20px; }
  #hdr.frontpage video { opacity: 80%; height: 1000px; width: 100%; position: absolute; object-fit: cover; z-index: 0; top: -265px; }	
  
  #hdr.donate { min-height: 850px;padding-bottom: 0px; background: #000; }
  #hdr.donate h1 { color: #fff; padding-top: 300px; font-size: 52px; margin-bottom: 20px; }
  #hdr.donate h2 { color: rgba(243, 147, 64, 1) !important; }
  #hdr.donate video { opacity: 80%; height: 1000px; width: 100%; position: absolute; object-fit: cover; z-index: 0; top: -250px; }	
  
  
  
  
  #formular { padding-top: 50px; padding-bottom: 50px; }
  #formular .arrow-overlay { height: 0px; }
  #formular .arrow-overlay .arrow { position: relative; bottom: 140px; left: 230px;  display: block; width: 140px; height: 170px; background: url('http://brobyggerne.adresults.dk/wp-content/uploads/2025/07/Path.png') no-repeat; background-size: contain; text-align: center;  }
  #formular h2.arrow-text {  font-size: 32px; }
  
  
  
  #formular .front-formular { top: -540px; margin-bottom: -540px; height: 580px;  position: relative; border-bottom: 0px; background: f9ede1; padding: 25px; border-radius: 10px; width: 500px; float: right;  text-align: center;  background: #f9ede1; }
  
  
  
  #formular .of-formular { top: -700px; margin-bottom: -700px; height: auto;  position: relative; border-bottom: 0px; background: f9ede1; padding: 25px; border-radius: 10px; width: 500px; float: right;  text-align: center;  background: #fff; padding-top: 10px; }
  #formular .formular-content {  font-size: 18px; padding-right: 150px;  }
  #formular .formular-content h2 { padding-top: 50px; }

  
  
  
  
}







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

.menubar { padding-left: 20px; }
.menubar .branding { float: left; width: 200px; padding-top: 20px; transition: opacity 0.3s ease !important; }
.menubar .branding img { max-height: 52px; }
.menubar .navigation { float: right; display: block; width: 60px; padding-top: 15px; padding-right: 30px; }



.menubar .mega-menu-toggle { height: 60px !important; width: 60px !important; background: rgba(255, 255, 255, 0.9) !important; border-radius: 50% !important; padding: 0px !important; transition: opacity 0.3s ease; }


#mega-menu-max_mega_menu_1 { background: #2D4C5B !important; padding: 40px 30px !important; }
#mega-menu-max_mega_menu_1 li.mega-menu-item { max-width: 100% !important;  }
#mega-menu-max_mega_menu_1 li.mega-menu-item a { font-size: 16px !important; height: 50px !important; line-height: 50px !important; transition: opacity 0.3s ease !important; text-align: left !important; }


.menu-featured .lang { display: none; }



  #hdr { position: relative;padding-top: 80px;padding-bottom: 80px; margin-top: 00px;
background-size: cover !important;
background-position: center center !important;
background-repeat: none !important; }
#hdr.frontpage { min-height: 450px;padding-bottom: 0px; background: #000;  }
#hdr.frontpage .wrapper { text-align: center; }
#hdr.frontpage h1 { color: #fff; padding-top: 60px; font-size: 36px; margin-bottom: 20px; text-align: center !important; }
#hdr.frontpage video { opacity: 80%; height: 450px; width: 100%; position: absolute; object-fit: cover; z-index: 0; top: -80px; }	

#hdr.donate { min-height: 400px;padding-bottom: 0px; background: #000;  }
#hdr.donate .wrapper { text-align: center; }
#hdr.donate h1 { color: #fff; padding-top: 60px; font-size: 36px; margin-bottom: 20px; text-align: center !important; }
#hdr.donate h2 { text-align: center !important; }
#hdr.donate video { opacity: 80%; height: 450px; width: 100%; position: absolute; object-fit: cover; z-index: 0; top: -80px; }	



  
  #formular .arrow-overlay .arrow { display: none; }
  #formular h2.arrow-text { text-align: center; padding-bottom: 30px; font-size: 22px; }
  
  
  
  #formular .front-formular { top: 0; margin-bottom: 0; height: auto;  position: relative; border-bottom: 0px; background: f9ede1; padding: 25px; border-radius: 10px; width: 100%; float: none;  text-align: center;  background: #f9ede1; margin-left: auto !important; margin-right: auto !important; width: 620px; max-width: 100%;  }
  #singleForm, #monthlyForm { margin-top: 22px; }
  #formular .donation-options {}
  #formular h3 { font-size: 22px; }
  #formular .donation-options button { display: inline-block; width: calc(30% - 14px); margin-left: 8px; margin-right: 8px; padding: 10px; border-radius: 50px; background: #bdd9c8; color: #2d4c5b; font-size: 18px; font-weight: 700; border: none; }
  #formular .donation-options button:hover { opacity: 0.8; cursor: pointer; }
  #formular .donation-options button.focus {background: #2d4c5b; color: #fff;  }
  #formular .donation-options input[type=number] { display: block; width: 90%; margin-top: 25px; margin-bottom: 25px; padding: 20px; border-radius: 50px; margin-left: auto; margin-right: auto; border: none; text-align: center; font-size: 18px; }
  #formular .donation-options input[type=submit] { display: block; width: 50%;  padding: 20px; border-radius: 50px; margin-left: auto; margin-right: auto; border: none; background: #f39340; font-size: 18px; font-weight: 700;  margin-top: 25px; color: #fff; text-transform: uppercase; }
  
  #formular .donation-text { width: 90%; background: url('http://brobyggerne.adresults.dk/wp-content/uploads/2025/07/Skaermbillede-2025-07-30-kl.-16.01.24.png') no-repeat; background-size: 60px auto; margin-left: auto; margin-right: auto; padding-left: 70px; text-align: left; min-height: 60px; padding-top: 10px; font-size: 14px; }
  
  
  
  

  #formular .of-formular { top: 0px; margin-bottom: 0px; height: auto;  position: relative; border-bottom: 0px; background: f9ede1; padding: 25px; border-radius: 10px; width: 100%; float: right;  text-align: center;  background: #fff; padding-top: 10px; }
  #formular .formular-content {  font-size: 15px; padding-right: 0px;  }
  #formular .formular-content h2 { padding-top: 50px; }
  
  
  
  
/** POST **/
  
  .post { padding-top: 50px; padding-bottom: 50px;background: #BDD9C8; }
  .post h1 { font-size: 22px; }
  .post .post-left { border-radius: 15px; overflow: hidden; float: none; display: block; width: 100%;  }
  .post .post-right { padding: 30px; border-radius: 15px; background: #fff; float: none; display: block; width: 100%; padding-top: 40px; }
  .post .post-full { padding: 30px; border-radius: 15px; background: #fff; display: block; width: 100%; }
  .post-thumbnail img { max-width: 100%; height: auto; }  
  
  
  
  
  
  
  h1, h2, h3, h4, h5, h6 { font-family: "Nunito Sans", sans-serif; line-height: 1.25; font-weight: 700 !important;  }
 h1 { font-size: 36px; line-height: 1.1; margin-bottom: 16px !important;}
 h2 { font-size: 30px; }
 h2.large, h3.large { font-size: 30px; }
 h2 span { color: #F39340; font-weight: 700; }
 h3 { font-size: 30px; }
 h4 { font-size: 22px; }
 h5 { font-size: 20px; font-weight: 600; display: inline-block; text-align: left; }
 h6 { } 
  
  
  
  
  
  
  
}


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

  
}