/*
Theme Name: DonE godB Powertheme
Author: Michael Bach Godballe
Description: The powerTheme from donE and godB
Version: 1.0
*/


.ctaProduct, .formlink {
	font-weight:700;
}

* {
  box-sizing: border-box;
}

html {
  position: relative;
  min-height: 100%;
  font-family: "Quicksand", sans-serif;
  color: #333;
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

a {
  text-decoration: none;
  color: blue;
}

a.formlink {
  background: #ff9900;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700!important;
  cursor: pointer;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: outset 2px #ff9900 !important;
  -webkit-appearance: none;
  width: 50%;
  padding: 8px;
  margin-top: 10px;
  display: block;
	    text-align: center;
}
.formCont a.formlink {
  width: 100%;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Quicksand", sans-serif;
}

h2,
h3,
h4 {
  margin: 30px 0 10px;
}

p {
  line-height: 20px;
  font-size: 16px;
  max-width: 600px;
  margin: 20px auto;
  font-size: 16px;
}

.fullPicContent {
  position: relative;
}

ul {
  list-style: none;
}

li {
  margin: 8px 0;
  line-height: 20px;
  font-size: 16px;
}

li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  color: #4f9b3e;
  margin-right: 15px;
}

.pageContent li:before {
  margin-left: -25px;
  margin-right: 19px;
}

a:visited {
  text-decoration: none;
  color: blue;
}

section {
  padding: 30px 10px 50px;
  overflow: hidden;
}

div#main-body-container.pageContent {
  padding: 0;
}

.page-id-313 section.ctaSectionBottom,
.page-id-335 section.ctaSectionBottom {
  display: none;
}

.youtubeEmbed {
  margin-left: 0;
}

/** VE LOGO ***/

.veApproved {
  overflow: hidden;
  margin: 15px;
}

.veApproved img {
  max-width: 100px !important;
  float: left;
}

.formCont .veApproved p.formMeta {
  font-size: 16px;
  line-height: 20px;
  max-width: calc(100% - 120px) !important;
  float: right;
  margin-top: 25px;
}

/***** Product Comparison Style *****/

.productComparison {
  overflow-x: auto;
}

.productComparison table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 14px;
}

.productComparison td {
  font-size: 13px;
}

.productComparison th,
.productComparison td {
  text-align: center;
  padding: 22px 10px;
}

.tableProdTitle {
  min-width: 200px;
}

tr.tableHead {
  background: #65a91c;
  color: #fff;
}

.productComparison th:first-child,
.productComparison td:first-child {
  text-align: left;
}

.productComparison tr:nth-child(even) {
  background-color: #f2f2f2;
}

section.productComparison th,
section.productComparison td {
  border-right: 1px solid #e7e7e7;
}

/**** FORM STYLE ****/

.ctaContainer {
  margin: 40px auto 0;
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

.ctaInner {
  margin: auto;
}

.formHeader {
  font-size: 15px;
  position: relative;
}

img.formArrow {
  position: absolute;
  max-width: 75px;
  top: 203px;
  left: -56px;
  transform: rotate(-8deg);
}

.ctaContainer h2 {
  font-size: 30px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
}

.ctaInner h2 span {
  font-style: italic;
}

.formCont {
  padding: 10px 25px;
  border: 1px solid #c3dac3;
  margin: 20px auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  max-width: 500px;
  background: #4f9b3e;
  position: relative;
}

.formHeader img {
  max-width: 35px;
  position: absolute;
  right: 23px;
  top: 5px;
}

.formHeader li:before {
  content: none;
}

.formHeader ul {
  padding-left: 10px;
}

.formHeader li .fas {
  margin-right: 10px;
  color: #ff9900;
}

.ctaSectionBottom .uspCont {
  max-width: 400px;
  margin: 60px auto 0;
}

.ctaSectionBottom .formCont {
  margin-top: 20px;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 0 20px;
  color: #fff;
  font-size: 25px;
  border: 2px solid #ff9900 !important;
}

/* .formCont label {
  display: none !important;
}

.formCont input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc !important;
  padding: 12px 15px !important;
  width: 100% !important;
  font-size: 14px !important;
} */

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc !important;
  padding: 12px 15px !important;
  width: 100% !important;
  font-size: 14px !important;
  margin: 5px 0;
}

.gform_heading {
  display: none;
}

.wpcf7-form p {
  margin: 5px 0;
}

body .formCont .gform_wrapper ul li.gfield {
  margin-top: 8px;
}

input.wpcf7-form-control.wpcf7-submit {
  background: #ff9900;
  color: #fff;
  font-size: 20px !important;
  font-weight: bold !important;
  cursor: pointer;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: outset 2px #ff9900 !important;
  -webkit-appearance: none;
  width: 100%;
  padding: 8px;
  margin-top: 10px;
}

.formCont input.wpcf7-form-control.wpcf7-submit:hover {
  background: #d09451;
}

.formCont p.formMeta {
  font-size: 12px;
  color: #fff;
  line-height: 14px;
  margin-top: 0;
  text-align: left;
}

div#gform_wrapper_1 {
  margin-bottom: 0;
}

.gform_footer.top_label {
  padding-bottom: 0;
}

body .gform_wrapper ul li.gfield {
  margin-top: 9px !important;
}

.formHeader li {
  margin: 5px 0;
  color: #fff;
  text-align: left;
  font-size: 15px;
}

.phoneCta h4 {
  font-size: 16px;
  text-align: center;
  color: #555;
}

.phoneCta a {
  color: #555;
  text-decoration: underline;
}

.phoneCta h4 .fas {
  margin-right: 7px;
  font-size: 30px;
  /*   color: #e20e30; */
  /* green */
  color: #65a91c;
}

.content-area .ctaContainer.ctaContainerBottom {
  margin-top: 10px;
}

#content-container .ctaContainer p.textMeta {
  text-align: center;
  margin-bottom: 50px;
  max-width: none;
}

.steenPic img {
  /*     -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; */
}

/** HIDE Form on Contact Page **/

.page-id-41 section.ctaSectionBottom {
  display: none;
}

/**** Page styles ****/

.wp-block-button.wc-block-grid__product-add-to-cart {
  display: none;
}

li.wc-block-grid__product::before {
  content: none;
}

.page-id-35 .wp-block-group figure img {
  max-height: 330px !important;
  width: auto;
}

div#content-container h1 {
  background: #76bd4c;
  padding: 30px;
  color: #fff;
  text-align: center;
  margin: 0;
}

div#content-container h2 {
  background: #76bd4c;
  padding: 30px;
  color: #fff;
  text-align: center;
  margin: 0 -10px;
}

div#content-container section.howItWorks h2 {
  background: #fff;
  color: #ff9900;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-size: 30px;
}

section.theContent {
  background: #fff;
  padding: 5px 8px;
}

section.theContent h1,
section.theContent h2,
section.theContent h3,
section.theContent h4,
section.theContent h5 {
  max-width: 800px;
  margin: 40px auto 10px !important;
}

section.theContent li {
  margin: 18px auto;
  max-width: 800px;
}

.pageContent section.howItWorks {
  padding-bottom: 0;
}

section.ctaSectionBottom {
  padding-top: 0;
}

section.theContent figure.wp-block-table {
  margin: 0 auto;
  max-width: 800px;
}

.wp-block-table table {
  border-spacing: 0px;
  border: 1px solid #76bd4c;
}

section.theContent table td {
  border: 1px solid #76bd4c;
  padding: 8px;
}

.wp-block-image img {
  height: auto;
}

/**** Varmepumper Page styles ****/

.page-id-16 section.theContent,
.page-id-28 section.theContent {
  padding: 0;
}

.page-id-16 section.theContent h2 {
  background: none !important;
}

.page-id-16 section.theContent,
.page-id-28 section.theContent {
  padding: 0;
}

.page-id-16 .wp-block-columns,
.page-id-28 .wp-block-columns {
  margin-bottom: 0;
}

.page-id-16 .wp-block-group,
.page-id-28 .wp-block-group {
  margin: 0;
  padding: 0;
}

.page-id-16 div#content-container h1 {
  background: #ffffff;
  color: #333;
  text-align: left;
}

.page-id-205 section.theContent {
  padding: 0;
}

.page-id-205 section.theContent h2 {
  background: none !important;
}

.page-id-205 section.theContent {
  padding: 0;
}

.page-id-205 .wp-block-columns {
  margin-bottom: 0;
}

.page-id-205 .wp-block-group {
  margin: 0;
  padding: 0;
}

.page-id-205 div#content-container h1 {
  background: #ffffff;
  color: #333;
  text-align: left;
}

.wp-block-column.rightTopBlock {
  background: #4f9b3e;
  color: #fff;
}

.wp-block-column.rightTopBlock h2 {
  color: #fff !important;
}

.wp-block-column.rightTopBlock {
  margin: 0;
}

.wp-block-column.productGreen {
  background: #4f9b3e;
  padding: 20px;
}

.wp-block-column.productGreen h2 {
  color: #fff !important;
  text-align: left !important;
  padding: 0 !important;
}

.wp-block-column.productGreen li:before {
  color: #fff;
}

/** Page Toppicture Style **/

.ContentTopPic {
  max-height: 150px;
  overflow: hidden;
}

.ContentTopPic img {
  object-fit: cover;
}

.wp-block-group figure {
  margin: 0;
}

.wp-block-group {
  margin: 30px -40px 0;
  padding: 30px 40px 15px;
  overflow: hidden;
}

.wp-block-group .wp-block-image {
  margin-bottom: 0;
}

.wp-block-group h2 {
  margin-top: 0;
}

div#content-container .topSection h2 {
  background: transparent;
}

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

.ctaSectionPage .tilskudInfoBox {
  max-width: 1000px;
  margin: auto;
  margin-bottom: 40px;
}

.ctaSectionPage .infoBoxRight h2 {
  padding: 0 10px 20px 0 !important;
}

.wp-block-column.contactOrange {
  background: #ff9900;
  color: #fff;
  padding-top: 15%;
}

.wp-block-column {
  margin: 0 !important;
}

figure.wp-block-image.fullPicContent {
  margin: 0;
  margin-bottom: -5px;
  height: 100%;
}

.wp-block-image.fullPicContent img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.wp-block-column.contactOrange p {
  font-size: 20px;
  line-height: 25px;
}

.wp-block-column.contactOrange p a {
  color: #fff;
}

.wp-block-column.contactOrange.textSquareOne {
  padding-top: 5%;
  max-width: 100%;
}

.wp-block-column.contactOrange.textSquareOne img {
  filter: brightness(0) invert(1);
}

.page-id-28 h1.auto-h1 {
  background: #fff !important;
}

.wp-block-group.textContent {
  padding: 10px;
}

.wp-block-group.textContent h2 {
  text-align: left !important;
  padding: 0 !important;
  font-size: 30px;
}

.wp-block-column .ctaBoxContent h2 {
  margin: 0 auto !important;
  font-size: 30px;
  padding-bottom: 0 !important;
}

.ctaBoxContent a {
  color: #fff;
  text-decoration: underline;
}

.ctaBoxContent {
  padding: 0 10px !important;
}

.textContent.white {
  color: #fff;
  padding: 0 !important;
}

.textContent.white p a {
  color: #fff;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .textContent.white {
    padding: 20px !important;
    background: #76bd4c;
  }
}

.textContent.white .wp-block-group__inner-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* Desktop CSS */

@media screen and (min-width: 756px) {
  body {
    background: #f1f1f1;
  }
  section .innerSection {
    max-width: 1200px;
    margin: auto;
  }
  div#content-container {
    padding: 0;
    background: #fff;
    box-shadow: 0 1px 3px #ccc;
    max-width: 1200px;
    margin: auto;
  }
  .stepNum {
    margin-bottom: 8px;
  }
  .pageContent .stepHeader {
    font-size: 14px;
  }
  section.theContent {
    padding: 5px 40px 0;
    margin: auto;
  }
  div#content-container h1 {
    font-size: 40px;
    margin-top: 0px;
    margin-left: 0;
  }
  h2.pageOffer {
    font-size: 40px;
  }
  div#content-container h2 {
    margin: 0 -40px;
  }
  div#content-container section.howItWorks h2 {
    font-size: 40px;
  }
  .content-area {
    padding: 0;
    max-width: 100%;
  }
  input#input_1_5_3,
  input#input_1_5_5 {
    margin-top: 7px;
  }
  .phoneCta h4 {
    font-size: 25px;
  }
  .formHeader li {
    text-align: left;
  }
  #content-container .ctaContainer h2 {
    max-width: 700px;
    margin: 20px auto 0;
    font-size: 50px;
  }
  div#main-body-container.content-area.pageContent {
    margin: auto;
    padding: 0;
    margin-top: 10px;
  }
  div#main-body-container.content-area.pageContent p {
    max-width: 800px;
  }
  .hideDesk {
    display: none;
  }
  figure.wp-block-image.size-large.steenPic {
    margin-top: 57px;
  }
  .wp-block-column.productGreen {
    padding: 40px;
  }
}

/**** MOBILE ONLY ****/

@media screen and (max-width: 755px) {
  .wp-block-column.contactOrange,
  .wp-block-column.contactOrange.textSquareOne {
    padding: 30px 0;
  }
  .wp-block-columns.flexReverse {
    flex-direction: column-reverse;
  }
  .wp-block-image .alignright {
    float: none;
    margin: auto;
  }
  .wp-block-image {
    overflow: hidden;
  }
  img.formArrow {
    max-width: 37px;
    top: 221px;
    left: -14px;
  }
  .pageContent .uspCont {
    display: none;
  }
  li#rev2 {
    display: none;
  }
  li#rev1 {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
  }
  .revText h3 {
    margin-top: 10px;
  }
  .contentGroup.cgMini.goodAdvice {
    display: none;
  }
	/**** Forsidesplash flyt mobil -  ****/
	.offerSplashSmall {
    top: 42%!important;
    left: 54%!important;
}
}
	/**** MOBILE ONLY SLUT -  ****/
.offerSplash.valiant {
  bottom: 5%;
  top: unset;
}

.offerSplash.valiant span {
  text-align: center;
}

.contact-wrap {
  display: flex;
  justify-content: space-between;
}

.contact-wrap .main {
  width: 65%;
}

.contact-wrap .splash-contact {
  width: 30%;
  height: 100%;
  background: #fe9900;
  color: #fff;
  padding: 20px;
  margin-top: 30px;
}

.splash-contact a {
  display: block;
  color: #fff;
  font-weight: bold;
  margin-top: 15px;
}

.form-help-box {
    text-align: center;
    background: #f90;
    color: #fff;
    padding: 6px 15px;
    max-width: 500px;
    margin: 10px auto 20px;
}

.form-help-box a {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  margin-top: 15px;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .contact-wrap {
    display: flex;
    flex-direction: column-reverse;

    justify-content: space-between;
  }

  .contact-wrap .main {
    width: 100%;
  }

  .contact-wrap .splash-contact {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    color: #fff;
    padding: 20px;
    margin-top: 30px;
  }
}

.multiform .contact-wrap {
  justify-content: center;
}

.page-id-1346 section.questions.topSection.ctaSectionPage {
    display: none;
}