Default Dev Script Validation

Default Header After Global Promotions

<avb-main>  <avb-designer-block data-id="1" class="avb-typography dsg-block-1"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-1__grid-column"> <div class="avb-wrapper avb-wrapper--background dsg-block-1__background"> <div class="avb-wrapper dsg-block-1__content"> <h1 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-light dsg-tools-text-shadow dsg-block-1__heading-line-1"> Budget Calculator </span>  </h1> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="26" class="avb-typography dsg-tools-fill-light dsg-block-26"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-26__content">  <iframe class="dsg-block-26__iframe" id="budget" src="https://htacertified.org/home-technology-installation-budget-tool/22922" style="height:1000px;width:100%;"></iframe>   </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="29" class="avb-typography dsg-tools-divider dsg-tools-gradient-gold dsg-block-29-divider"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12"> </div> </div> </avb-designer-block>   <avb-designer-block data-id="6" class="avb-typography dsg-block-6a-form"> <div class="avb-grid"> <div id="plan-your-next-project" class="avb-grid__column avb-grid__column--medium-6 dsg-block-6a-form-col dsg-block-6a-form-col1 dsg-tools-fill-pattern"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-6a-form__content"> <div class="avb-wrapper"> <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-dark dsg-block-6a-form__heading-line-1"> Plan Your Next&nbsp;Project </span> </h2> <p class="avb-typography__paragraph dsg-tools-sub-heading dsg-tools-color-dark dsg-block-6a-form__paragraph"> Send us your details, and one of our friendly and knowledgeable professionals will reach&nbsp;out. </p> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 dsg-block-6a-form-col dsg-block-6a-form-col2 dsg-tools-gradient-black"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-6a-form-form__content dsg-block-6a-form__content-2"> <div class="avb-wrapper">  <avb-accordion class="dsg-block-6a-form__accordion">  <avb-accordion-item class="dsg-block-6a-form__accordion-item">  <avb-accordion-heading class="dsg-tools-fill-white dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-6a-form__accordion-heading"> View Form </avb-accordion-heading>  <avb-accordion-content class="dsg-tools-fill-white dsg-block-6a-form__accordion-content">  <iframe aria-label="SEND US A MESSAGE" frameborder="0" class="dsg-tools-fill-white dsg-block-6a-form-accordion-iframe" style="height:500px;width:99%;border:none;" src="https://forms.zohopublic.com/lightworks/form/WebLead/formperma/Rkk9NiPMxd0dRGs4_9ABTm-AFBQGPmdC7r7r-wb7P8w"></iframe> </avb-accordion-content> </avb-accordion-item> </avb-accordion>  <iframe aria-label="SEND US A MESSAGE" frameborder="0" style="" class="dsg-tools-fill-white dsg-block-6a-form-iframe" src="https://forms.zohopublic.com/lightworks/form/WebLead/formperma/Rkk9NiPMxd0dRGs4_9ABTm-AFBQGPmdC7r7r-wb7P8w"></iframe> </div> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="29" class="avb-typography dsg-tools-divider dsg-tools-gradient-gold dsg-block-29-divider"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12"> </div> </div> </avb-designer-block> <style> /* =================== Plan Your Next Project (block-6a) =================== */ .dsg-block-6a-form { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-6a-form__content { padding: 2rem 0.5rem; text-align: center; } .dsg-block-6a-form__content-2 { padding: 0 1.5rem; } .dsg-block-6a-form__heading-line-1 { max-width: 27.5rem; margin: 0 auto; } .dsg-block-6a-form__paragraph { max-width: 27.5rem; margin-left: auto; margin-right: auto; } .dsg-block-6a-form-iframe { width: 100%; height: 20rem; box-shadow: 0px 4px 25px rgb(0 0 0 / 25%); padding: 1.5rem 1rem 1rem; display: none; } .dsg-block-6a-form-col2 { background: url(https://cdn.avbportal.com/magento-media/members-prosource/vjwi1-thoughtful/form-bg.jpg?w=1000); background-position: center; background-size: cover; } /* ========== Accordion ========== */ .dsg-block-6a-form__accordion { position: relative; top: -2rem; box-shadow: 0px 4px 25px rgb(0 0 0 / 15%); } .dsg-block-6a-form__accordion-item { margin-bottom: 0rem; } .dsg-block-6a-form__accordion-heading { padding: 1rem; text-align: center; } .dsg-block-6a-form__accordion-paragraph { text-align: left; } .dsg-block-6a-form__accordion-content { text-align: center; height: 33rem; padding: 0; overflow: hidden; } .dsg-block-6a-form-accordion-iframe { width: 100%; height: 35rem; padding: 1rem; } @media screen and (min-width: 600px) {} @media screen and (min-width: 697px) { .dsg-block-6a-form__accordion-content { height: 36rem; } .dsg-block-6a-form-accordion-iframe { height: 38rem; } } @media screen and (min-width: 960px) { .dsg-block-6a-form__accordion { display: none; } .dsg-block-6a-form__content { padding: 3rem 2rem; text-align: left; } .dsg-block-6a-form__heading-line-1 { max-width: 14.5rem; margin: 0; } .dsg-block-6a-form__paragraph { max-width: 14.5rem; margin: 0; } .dsg-block-6a-form-iframe { display: block; width: 100%; height: 82rem; position: relative; left: -50%; } .dsg-block-6a-form__content-2 { padding: 1rem; } .dsg-block-6a-form-col2 { background-position: 92px; } } @media screen and (min-width: 1280px) { .dsg-block-6a-form__content { padding: 4rem 2rem; } .dsg-block-6a-form__heading-line-1 { max-width: 19.5rem; margin-left: 15%; } .dsg-block-6a-form__paragraph { max-width: 13.5rem; margin-left: 15%; } .dsg-block-6a-form-iframe { /*width: 70%; left: -40%;*/ left: -52%; width: 100%; height: 79rem; } } @media screen and (min-width: 1600px) { /*.dsg-block-6a-form-iframe { width: 50%; left: -30%; }*/ .dsg-block-6a-form__heading-line-1 { margin-left: 20%; } .dsg-block-6a-form__paragraph { margin-left: 20%; } } </style> </avb-main> <style> /* ======================== Hero (block-1) ======================== */ .dsg-block-1 { margin-top: 0rem; margin-bottom: 0rem; height:40vh; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { padding: 0.25rem; background-image: linear-gradient( to bottom, rgba(23, 23, 23, 0.25), rgba(23, 23, 23, 0.25) ), url(https://cdn.avbportal.com/magento-media/members-prosource/vdun1-lightworks/budget-calculator.jpg); background-position:center; background-size:cover; height:40vh; } .dsg-block-1__content { display:flex; flex-direction:column; text-align: center; height:40vh; justify-content:center; } .dsg-block-1__heading-line-1 { } .dsg-block-1__heading-line-2 { text-transform: uppercase; font-size: 1rem; } .dsg-block-1__button, .dsg-block-1__button:visited, .dsg-block-1__button:focus, .dsg-block-1__button:active, .dsg-block-1__button:hover{ width:150px; margin:0 auto; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-1 { margin-top: 0rem; margin-bottom: 0rem; height:45vh; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { background-image: linear-gradient( to bottom, rgba(23, 23, 23, 0.76), rgba(23, 23, 23, 0), rgba(23, 23, 23, 0.8), rgba(23, 23, 23, 1) ), url(https://cdn.avbportal.com/magento-media/members-prosource/vdun1-lightworks/budget-calculator.jpg); height:45vh; background-position: bottom; } .dsg-block-1__content { height:44vh; justify-content:flex-end; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) { .dsg-block-1__heading-line-1{ font-size:3rem; } .dsg-block-1__heading-line-2{ font-size:1.4rem; } } /* ======================== Menu Carousel (block-37) ======================== */ .dsg-block-37 { margin: 0 auto; padding: 1rem 0; } .dsg-block-37__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-37__content-section { position: relative; height: 100%; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; } .dsg-block-37__content-section-inner { padding: 1rem; width: 230px; display: inline-block; } .dsg-block-37-text { font-size: 0.8rem; text-transform: uppercase; } @media screen and (min-width: 600px) { .dsg-block-37__content-section-inner { width: 250px; } } @media screen and (min-width: 960px) { .dsg-block-37__content-section{ display:inline; } .dsg-block-37__content-section-inner { width: 210px; } .dsg-block-37-desktop-list { text-align: center; } } @media screen and (min-width: 1280px) { .dsg-block-37__content-section-inner { width: 230px; } } @media screen and (min-width: 1600px) { } /* ======================== Intro (block-26) ======================== */ .dsg-block-26 { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-26__content { padding: 1rem 0.5rem 1rem; text-align: center; } .dsg-block-26__heading-line-1 { margin:0 auto; text-align: center; } .dsg-block-26__heading-line-2 { } .dsg-block-26__link, .dsg-block-26__link:visited, .dsg-block-26__link:focus, .dsg-block-26__link:active{ color:#385082; transition:0.3s ease-in-out; } .dsg-block-26__link:hover{ color:#1f1f1f; } .dsg-block-26__paragraph { /*max-width: 35rem;*/ margin-left: auto; margin-right: auto; } .dsg-block-26-list {} .dsg-block-26-list-item { text-align: left; list-style-type: none; display: grid; grid-template-columns: 2rem auto; grid-template-rows: auto; grid-gap: 0.5rem; align-items: baseline; justify-content: flex-start; } .dsg-block-26-icon { display: flex; font-size: 1rem; justify-content: center; } /* ========== Accordion ========== */ .dsg-block-26__accordion{ margin-top:1rem; } .dsg-block-26__accordion-item { margin-bottom: 1rem; background-color: #E5E5E1; } .dsg-block-26__accordion-heading, .dsg-block-26__accordion-content { padding: 1rem; } .dsg-block-26__accordion-paragraph { text-align: left; } .dsg-block-26__accordion-heading { text-align:left; font-size:1rem; } .dsg-block-26__accordion-content { background-color:#FBFBFA; } /* === Table === */ .dsg-block-26-table__table{ width: 100%; } .dsg-block-26-table__body, .dsg-block-26-table__head, .dsg-block-26-table__table{ background-color:transparent; } .dsg-block-26-table__cell{ font-weight: 300; font-size: .5em; padding: .25rem .2rem; border:1px solid #444; } .dsg-block-26-table__cell-header{ font-size: .5em; } .dsg-block-26-table__cell, .dsg-block-26-table__cell-header { border:1px solid #444; } .dsg-block-26-text{ font-size: .6rem; font-weight:400; } .dsg-block-26-text-a{ display: none; } .dsg-block-26-table__row { background-color: rgba(0,0,0,0.2); color: #fff; } .dsg-block-26-table__row:nth-child(even) { background-color: rgba(0,0,0,0.5); color: #fff; } .dsg-block-26-table__row-header-bg{ background-color:rgba(0,0,0,0.7); } .dsg-block-26-budget-tool { width: 100%; height: 316rem; } @media screen and (min-width: 600px) { .dsg-block-26-budget-tool { width: 100%; height: 237rem; } .dsg-block-26-table__cell{ font-size: .8em; padding:.25rem; } .dsg-block-26-table__cell-header{ font-size: .8em; } .dsg-block-26-text{ font-size: .8rem; } .dsg-block-26-text-a{ display: inherit; font-size: .8rem; } .dsg-block-26__content { text-align: center; } } @media screen and (min-width: 960px) { .dsg-block-26__content{ padding:2rem 0.5rem 2rem; text-align: center; } .dsg-block-26-table__cell{ font-size: 1em; padding:.5rem; } .dsg-block-26-table__cell-header{ font-size: 1em; } .dsg-block-26-budget-tool { width: 100%; height: 216rem; } } @media screen and (min-width: 1280px) { .dsg-block-26-table__cell{ padding:1em; } } @media screen and (min-width: 1600px) { } /* =================== 3-Column (block-7) =================== */ .dsg-block-7 { margin-top: 0rem; margin-bottom: 0rem; padding:2rem 1rem; } .dsg-block-7__content { padding: 0.5rem; text-align: center; } .dsg-block-7-icon{ display:block; font-size:2.5rem; margin-top:1rem; margin-bottom:1rem; } .dsg-block-7__heading-line-1 { } .dsg-block-7__heading-line-2 { } .dsg-block-7__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } @media screen and (min-width: 600px) { .dsg-block-7__content { padding: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-7__content { padding: 0.5rem; text-align:left; } } @media screen and (min-width: 1280px) { .dsg-block-7__content { padding: 1rem; } } @media screen and (min-width: 1600px) { } /* ==================== Service request form (block-30) ==================== */ .dsg-block-30 { margin: 0 auto; padding:1rem; } .dsg-block-30__paragraph { max-width: 30rem; margin: 0 auto 1rem; text-align: center; } .dsg-tools-form-grid { margin: 0 auto; max-width: 564px; } .dsg-block-30__heading { text-align: center; margin: 0; padding: 2rem 1rem 0; } .dsg-block-30__heading-line-2{ max-width:35rem; margin:0 auto 1rem; } /* ========== Accordion ========== */ .dsg-block-30__accordion { box-shadow: 0px 4px 25px rgb(0 0 0 / 15%); } .dsg-block-30__accordion-item { margin-bottom: 0rem; } .dsg-block-30__accordion-heading{ padding: 1rem; text-align:center; } .dsg-block-30__accordion-paragraph { text-align: left; } .dsg-block-30__accordion-content { text-align:center; height:31rem; overflow:hidden; padding:0; } .dsg-block-30-accordion-iframe{ width:100%; height:31rem; padding:0rem; } .dsg-block-30-iframe { width: 100%; height: 95rem; } @media screen and (min-width: 600px) { .dsg-block-30__heading { padding: 2rem 0 0rem; } .dsg-block-30__accordion-content { height:31rem; } } @media screen and (min-width: 960px) { .dsg-tools-form-grid { max-width: 100%; } .dsg-block-30__heading { text-align: center; } .dsg-block-30-iframe { height: 38rem; background-color: #fff; padding: 1rem; max-width: 900px; margin: 0 auto 1rem; box-shadow: 0px 4px 25px rgb(0 0 0 / 15%); } } @media screen and (min-width: 1280px) { .dsg-block-30__heading { padding: 3rem 1rem 0; } } @media screen and (min-width: 1600px) {} </style>