Default Dev Script Validation

Default Header After Global Promotions

<avb-main class="dsg-tools-kiosq1-main-image">   <avb-designer-block data-id="43" class="avb-typography dsg-block-43"> <div class="avb-grid avb-grid--container dsg-block-43-center"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-43__grid-column"> <ul class="avb-list avb-list--horizontal dsg-block-43-list"> <li class="avb-list__item dsg-block-43-list-item-1"> <span class="dsg-block-43-main-heading dsg-block-43-color-accent">Apply <span class="dsg-block-43-fw-light-italic dsg-block-43-color-light">and</span> Buy!</span> </li> <li class="avb-list__item dsg-block-43-list-item-2"> <span class="dsg-block-43-sub-heading dsg-block-43-color-light dsg-tools-block"><span class="dsg-block-43-fw-bold">SPECIAL FINANCING OPTIONS</span> to create your perfect home! </span> <span class="dsg-block-43-text-small dsg-block-43-color-light">*Subject to credit approval. Terms and conditions apply. Minimum monthly payments required.</span> </li> <li class="avb-list__item dsg-block-43-list-item-3 dsg-block-43-color-light"> SEE SALES ASSOCIATE </li> <li class="avb-list__item dsg-block-43-list-item-4"> <avb-picture class="avb-picture dsg-block-43-picture" data-alt="BrandSource Citi Card"> <avb-picture-source class="dsg-block-43-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/brandsource-finance/brandsource-financing-lp-credit-card-glow-green-pink.png"></avb-picture-source> </avb-picture> </li> </ul> </div> </div> </avb-designer-block> <style> @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,600;0,700;0,800;1,300&display=swap'); /* =================== Apply and Buy (block-43) =================== */ .dsg-block-43 { text-align: center; background-color: #221f20; } .dsg-block-43__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-43-list { text-align: center; justify-content: center; padding: 1rem 1rem 0; margin-bottom: 0; } .dsg-block-43-main-heading { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 1.2rem; } .dsg-block-43-sub-heading { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 0.62rem; display: block; line-height: 1.3rem; } .dsg-block-43-text-small { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: .53rem; display: block; line-height: 0.7rem; } .dsg-block-43-list-item-4 { z-index: 10; width: 44%; } .dsg-block-43__button-financing { background: #1ddcc3; border: 2px solid #1ddcc3; color: #000000; margin-bottom: 0.5rem; margin-top: 0.75rem; font-weight: bold; border-radius: 13px; padding: 0.25rem 1rem; font-size: 0.8rem; } .dsg-block-43__button-financing:hover { background: transparent; border: 2px solid #ffffff; color: #ffffff; } .dsg-block-43-fw-light-italic { font-weight: 300; font-style: italic; } .dsg-block-43-fw-bold { font-weight: 700; } .dsg-block-43-color-light { color: #fff; } .dsg-block-43-color-accent { color: #1ddcc3; } .dsg-block-43-list-item-4 { display: none; } @media screen and (min-width: 600px) { .dsg-block-43-list { text-align: center; padding: 0.75rem 1rem 0; } .dsg-block-43-list-item-1, .dsg-block-43-list-item-2, .dsg-block-43-list-item-3 { margin: 0 auto; width: 100%; } .dsg-block-43-list-item-4 { display: none; } .dsg-block-43-sub-heading { font-size: 0.8rem; margin-bottom: 0.1rem; } } @media screen and (min-width: 960px) { .dsg-block-43-list { text-align: center; padding: 0; } .dsg-block-43-center { justify-content: center; } .dsg-block-43-list-item-1, .dsg-block-43-list-item-2, .dsg-block-43-list-item-3 { margin: 0 auto; } .dsg-block-43-list-item-2 { width: 100%; display: block; } .dsg-block-43-list-item-3 { width: 26%; } .dsg-block-43-main-heading { font-size: 1.5rem; } .dsg-block-43-sub-heading { font-size: 1.2rem; margin-top: 0.5rem; } .dsg-block-43-text-small { font-size: 0.75rem; line-height: 1rem; } /* .dsg-block-43__button-financing { font-size: 1.2rem; } */ } @media screen and (min-width: 1280px) { .dsg-block-43 { height: 6rem; margin-bottom: 4rem; } .dsg-block-43-list { text-align: left; } .dsg-block-43-main-heading { font-size: 2rem; } .dsg-block-43-sub-heading { font-size: 1.1rem; margin-top: 0; } .dsg-block-43-text-small { font-size: 0.7rem; } .dsg-block-43-list-item-1 { padding: 1rem 0; width: auto; } .dsg-block-43-list-item-2 { width: 40%; padding: 1rem 0; margin-top: .5rem; } .dsg-block-43-list-item-3 { width: 15%; margin-top: 2rem; } .dsg-block-43-list-item-4 { display: inline-block; width: 15%; } .dsg-block-43__button-financing { font-size: 1.2rem; padding: .5rem 2rem; } } @media screen and (min-width: 1600px) { .dsg-block-43 { height: 7rem; margin-bottom: 5rem; } .dsg-block-43-main-heading { font-size: 2.5rem; } .dsg-block-43-sub-heading { font-size: 1.4rem; } .dsg-block-43-list-item-2 { width: 42%; padding: 1.5rem 0; } .dsg-block-43-list-item-3 { width: 12%; margin-top: 2.5REM; } } </style>  <avb-designer-block data-id="27" class="avb-typography dsg-block-27"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12"> <div class="avb-wrapper dsg-block-27__content"> <h1 class="avb-typography__headline dsg-block-27__headline dsg-tools-kiosq1-main-heading dsg-tools-kiosq1-color-dark">Your One‑Stop‑Shop</h1> <span class="avb-typography__heading-line avb-typography__heading-line--light avb-typography__heading-line--medium dsg-block-Q-text2">We Have it All!</span> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28"> <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-28__content">  <ul class="avb-list avb-list--horizontal dsg-block-28-list"> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.colesappliance.com/kiosq1-appliances"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Appliances"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/demo/kiosq/kiosq1-appliances.jpg?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Appliances</span> </avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.colesappliance.com/kiosq1-electronics"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Electronics"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/demo/kiosq/kiosq1-electronics.jpg?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Electronics</span> </avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.colesappliance.com/kiosq1-mattresses"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Mattresses"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members/qcol1-coles/mattresses-kiosk_2.jpg"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Mattresses</span> </avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.colesappliance.com/kiosq1-furniture"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Furniture"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/demo/kiosq/kiosq1-furniture.jpg?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Furniture</span> </avb-link> </li> </ul> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="27" class="avb-typography dsg-tools-kiosq1-bg-color-gradient dsg-block-27b"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12"> <avb-link data-href="https://kiosq.colesappliance.com/promotions"> <div class="avb-wrapper dsg-block-27__content"> <h2 class="avb-typography__headline dsg-block-27__headline dsg-tools-kiosq1-sub-heading dsg-tools-kiosq1-color-light"> HUGE SAVINGS | Promotions and Rebates &raquo; </h2> </div> </avb-link> </div> </div> </avb-designer-block> </avb-main> <style> /* =================== Header and Promo Block (block-27) =================== */ .dsg-block-Q-text2 { font-size: 1.5rem; font-family: 'Montserrat', sans-serif; } .dsg-block-27 { margin-top: 0; margin-bottom: 0; padding-top: 1rem; } .dsg-block-27b { background-color: #ad202e; transition: all .2s ease-in-out; border-bottom: 3px solid transparent; } .dsg-block-27__content { padding: 0.5rem; text-align: center; } .dsg-block-27__headline { margin-bottom: 0; } .dsg-block-27-image { width: 40%; margin: 0 auto; } @media screen and (min-width: 600px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 960px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 1280px) { .dsg-block-27 { margin-top: -4rem; margin-bottom: 0; } } @media screen and (min-width: 1600px) { .dsg-block-27 { margin-top: -5rem; margin-bottom: 0; } } /* =================== Categories (block-28) =================== */ .dsg-block-28 { margin-top: 0; margin-bottom: 0; padding-bottom: 1rem; } .dsg-block-28__content { padding: 0.5rem; text-align: center; } .dsg-block-28-list { justify-content: center; } .dsg-block-28-list-item { width: 100%; padding: 0 0 .5rem; margin: .75rem; } .dsg-block-28-image { background-color: #fff; } @media screen and (min-width: 600px) { .dsg-block-28-list-item { width: 45%; } } @media screen and (min-width: 960px) { .dsg-block-28-list-item { width: 22%; transition: all .2s ease-in-out; } .dsg-block-28-list-item:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } @media screen and (min-width: 1280px) { .dsg-block-28-list-item { width: 23%; } } @media screen and (min-width: 1600px) {} </style>