Default Dev Script Validation

Default Header After Global Promotions

<style> /*** Reset styles ***/ * { -webkit-box-sizing: border-box; box-sizing: border-box; } a, a:hover { text-decoration: none; } img { max-width: 100%; } h1, h2, h3, h4, h5, h6{ display: block; margin-left: 0; margin-right: 0; font-weight: bold; word-break: break-word; } h1 { font-size: 2rem; margin-top: 0.67em; margin-bottom: 0.67em; } h2 { font-size: 1.5rem; margin-top: 0.83em; margin-bottom: 0.83em; } h3 { font-size: 1.17rem; margin-top: 1em; margin-bottom: 1em; } h4 { font-size: 1rem; margin-top: 1.33em; margin-bottom: 1.33em; } h5 { font-size: .83rem; margin-top: 1.67em; margin-bottom: 1.67em; } h6 { font-size: .67rem; margin-top: 2.33em; margin-bottom: 2.33em; } ul { list-style: disc; } ul ul, ol ul { list-style: circle; } ul ul ul, ol ul ul { list-style: square; } ol { list-style: decimal; } strong { font-weight: bold; } em { font-style: italic; } sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } hr { border-style: inset; border-width: 1px; } .p-base__desc { font-family: inherit; font-size: 1rem; font-weight: 300; margin-bottom: 1rem; text-rendering: optimizeLegibility; line-height: 1.8em; word-break: break-word; } /***Shop By Brands***/ .sb-brandLogo__image { margin-left: auto; margin-right: auto; display: block; } /***Featured Products***/ .sb-featuredProduct__image { margin-left: auto; margin-right: auto; display: block; } .sb-featuredProduct__title { text-align: center; } .sb-featuredProduct__brand-icon { margin-left: auto; margin-right: auto; } /*** Main container ***/ .p-container, .p-brands, .p-base__fullWidth-container { max-width: 1400px; padding: 0 1em; margin-left: auto; margin-right: auto; } /*** Page Content Styles ***/ /*Row Spacing*/ .p-base__section { margin: 4rem 0; } @media (max-width: 600px) { .p-base__section { margin: 1em 0; } } .p-base__section--no-margin { margin: 0; } .p-base__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 600px) { .p-base__inner { display: block; } } @media (max-width: 980px) { .p-base__inner--mobileBlock { display: block; } } @media (min-width: 601px) and (max-width: 980px) { .p-base__inner--mobileBlock .p-base__column{ margin: 3em 0; } } .p-base__inner--align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-base__inner--align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .p-base__inner--align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .p-base__column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 600px) { .p-base__column { margin: 2em 0; } } @media (min-width: 601px) { .p-base__column:not(:last-child) { margin-right: 30px; } } .p-base__column--padding { padding: 1.3em; } .p-base__column--padding-double { padding: 4em 2em; } .p-base__column--round { border-radius: 1.4em; } .p-base__column--white { color: #fff; } .p-base__column--double-wide { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .p-base__column--triple-wide { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } /*Column Text Styles*/ .p-base__inner--left, .p-base__column--left, .p-base__main-title--left, .p-base__headline--left, .p-base__subHeadline--left, .p-base__desc--left, .p-base__link--left{ text-align: left; } .p-base__inner--center, .p-base__column--center, .p-base__main-title--center, .p-base__headline--center, .p-base__subHeadline--center, .p-base__desc--center, .p-base__link--center { text-align: center; } .p-base__inner--right, .p-base__column--right, .p-base__main-title--right, .p-base__headline--right, .p-base__subHeadline--right, .p-base__desc--right, .p-base__link--right { text-align: right; } /*Image Styles*/ .p-base__img { display: block; } .p-base__img--center { margin-left: auto; margin-right: auto; } .p-base__img--circle { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } /*List Styles*/ .p-base__list { padding-left: 16px; } .p-base__list--noBullet { list-style: none; padding: 0; } .p-base__list-item { font-family: inherit; font-size: 1rem; font-weight: 300; line-height: 1.6rem; margin-bottom: 0.3em; text-rendering: optimizeLegibility; word-break: break-word; } .p-base__list-item-link { color: #d32f2f; } .p-base__list-item-address--normal{ font-style: normal; } .p-base__list-item--no-decoration { list-style: none; } .p-base__list-item--inline { display: inline-block; vertical-align: top; } /***Headline and Description Styles***/ .p-base__main-title{ font-size: 40px; line-height: 1.5em; display: block; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .p-base__main-title { font-size: 29px; margin: 10px 0; line-height: initial; } } .p-base__main-title, .p-base__headline { color: #282828; } .p-base__main-title--white, .p-base__headline--white, .p-base__subHeadline--white, .p-base__desc--white, .p-base__link--white, .p-base__column--white { color:#ffffff; } .p-base__main-title--black, .p-base__headline--black, .p-base__subHeadline--black, .p-base__desc--black, .p-base__link--black, .p-base__column--black { color:#000000; } .p-base__main-title--bold, .p-base__desc--bold, .p-base__link--bold, .p-base__headline--bold, .p-base__subHeadline--bold, .p-base__list-item--bold { font-weight: bold; } .p-base__main-title--italic, .p-base__desc--italic, .p-base__link--italic, .p-base__headline--italic, .p-base__subHeadline--italic, .p-base__list-item--italic { font-style: italic; } .p-base__main-title--txtUpper, .p-base__btn--txtUpper, .p-base__link--txtUpper, .p-base__desc--txtUpper, .p-base__headline--txtUpper, .p-base__subHeadline--txtUpper, .p-base__list-item--txtUpper { text-transform: uppercase; } .p-base__main-title--txtCap, .p-base__btn--txtCap, .p-base__link--txtCap, .p-base__desc--txtCap, .p-base__headline--txtCap, .p-base__subHeadline--txtCap, .p-base__list-item--txtCap { text-transform: capitalize; } .p-base__main-title--light, .p-base__btn--light, .p-base__link--light, .p-base__desc--light, .p-base__headline--light, .p-base__subHeadline--light, .p-base__list-item--light { font-weight:100; } /*Contact Information styles*/ .p-base__contact-list, .p-base__contact-list-email, .p-base__contact-list-hours { list-style-type: none; padding: 0; line-height: 1.8rem; } .p-base__contact-list-item-address { font-style: normal; } .p-base__contact-list-item-link, .p-base__contact-list-email-item-link { font-weight: bold; color: #d32f2f; } /*Style for link and button */ /*Link Styles*/ .p-base__link { color: #d32f2f; } .p-base__link:hover{ color:#ff1111; cursor: pointer; outline-width: 0; } .p-base__link:active{ outline-width: 0; } .p-base__list-item-link{ color:#1c68af; } .p-base__list-item-link:hover{ color:#ff1111; cursor: pointer; outline-width: 0; } .p-base__list-item-link:active{ outline-width: 0; } .p-base__link--block { display:block; } /*Button Styles*/ .p-base__btn { padding: 1em; text-align: center; display: inline-block; background-color: #d32f2f; color: #fff; font-size:1rem; transition: background-color 300ms ease-out; } .p-base__btn:hover{ background-color:#999; cursor: pointer; } .p-base__btn:focus{ box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12); } .p-base__btn:active{ outline: none; } .p-base__btn--block{ display: block; } .p-base__btn--full { width: 100%; } .p-base__btn--round { border-radius: 2em; -moz-border-radius: 2em; -webkit-border-radius: 2em; } .p-base__btn--clear { background-color: transparent; border: .2em solid; color: #c7c7c7; transition: background-color 300ms ease-out; } .p-base__btn--clear:hover { background-color: rgba(255,255,255,0.5); color: #656565; } /*Btn Alignment*/ .p-base__btn--right { float: right; clear: both; } @media (max-width: 600px) { .p-base__btn--right{ float:none; } } .p-base__btn--center { margin-left: auto; margin-right: auto; display: table; } /*Full Width Column Styles*/ .p-base__fullWidth { padding: 4em 0; } @media (max-width: 600px) { .p-base__fullWidth { padding: 1em 0; } } .p-base__fullWidth--lessPadding { padding: 2em 0; } .p-base__fullWidth--padding-none{ padding:0px; } .p-base__fullWidth--bgImage { background: url("/media/test/6a009257f2f7b6a6fd62b9f63a849168.jpg"); background-size: cover; color: #fff; } .p-base__fullWidth--bgColor, .p-base__column--bgColor { background: #cccccc; color: #fff; } .p-base__fullWidth--bgColor .p-base__column--bgColor{ background: #999999; } .p-base__column--white .p-base__headline, .p-base__column--white .p-base__subHeadline, .p-base__column--white .p-base__link, .p-base__column--white .p-base__list-item-link{ color:#fff; } .p-base__fullWidth--bgColor-1{ background-color:#00CCFF; } .p-base__fullWidth--bgColor-2{ background-color:#000; } .p-base__fullWidth--bgColor-3{ background-color:#0000CC; } .p-base__fullWidth--bgColor-4{ background-color:#CCCCCC; } /*Full width banner*/ .p-base__fullWidth-banner-img { width: 100%; } /*** Lighter font weights ***/ .p-base__headline--lighter-font, .p-base__subHeadline--lighter-font, .p-base__main-title--lighter-font{ font-weight:normal; } .p-base__sup--font-size{ font-size: .7rem; vertical-align: top; } /*** Print Styles ***/ @media print { h1, h2, h3, h4, h5, h6, p, a, li, .p-base__link, .sb-footer__section-title{ color:#000; } h1, h2, h3, h4, h5, h6, p, a { line-height:initial; } a::after { content: "&lt;" attr(href) ">"; color:#666; text-transform: lowercase; } .p-base__inner--left, .p-base__column--left, .p-base__headline--left, .p-base__subHeadline--left, .p-base__desc--left, .p-base__link--left, .p-base__inner--center, .p-base__column--center, .p-base__headline--center, .p-base__subHeadline--center, .p-base__desc--center, .p-base__link--center, .p-base__inner--right, .p-base__column--right, .p-base__headline--right, .p-base__subHeadline--right, .p-base__desc--right, .p-base__link--right { text-align:left; } .sb-footer__contact-phone, .sb-footer__social-item img, .sb-footer__payment, .sb-footer__affiliates, .sb-footer__subscribe, .sb-footer__about, .sb-footer__disclaimer, .sb-browse, .sb-campaign, .sb-campaign__product, .avb-carousel, .header__after, .p-base__fullWidth-banner, .sb-footer__subscribe { display:none; } .sb-footer__social-item { display:block; line-height:1.8rem; } .p-base__btn{ padding: 0; color:#000; text-transform: capitalize; } .p-base__btn--full { width:initial; } .p-base__btn--center { margin-left: initial; margin-right: initial; display: initial; } .p-base__btn--right { float: initial; clear: initial; } .p-base__fullWidth, .p-base__column--padding, .p-brands, .p-container, .p-base__fullWidth-container, .sb-footer__container, .sb-footer__row { padding: 0.5em 0; } .p-base__btn--txtUpper, .p-base__link--txtUpper, .p-base__desc--txtUpper, .p-base__headline--txtUpper, .p-base__subHeadline--txtUpper, .p-base__list-item--txtUpper { text-transform:capitalize; } } /*Static Banner (B3) Styling*/ .p-base__section-static-banner, .p-base__fullWidth-static-banner{ margin: 0; } </style> <main>  <div class="p-container"> <h2 class="p-base__main-title">Car Audio</h2> <div class="p-base__section"> <div class="p-base__inner p-base__inner--center">  <div class="p-base__column"> <img src="https://cdn.avbportal.com/magento-media/members-hes/vheh1-goodvibrations/car-head-units.jpg" class="p-base__img p-base__img--center" alt="Car Stereos" /> <h1 class="p-base__headline">Car Stereos</h1> <a class="p-base__btn" href="https://www.goodvibesav.com/catalog/car-head-units?category_id=1319">Shop Now</a> </div>  <div class="p-base__column"> <img src="https://cdn.avbportal.com/magento-media/members-hes/vheh1-goodvibrations/car-speakers.jpg" class="p-base__img p-base__img--center" alt="Car Speakers & Subs" /> <h1 class="p-base__headline">Car Speakers &amp; Subs</h1> <a class="p-base__btn" href="https://www.goodvibesav.com/catalog/car-speakers">Shop Now</a> </div>  <div class="p-base__column"> <img src="https://cdn.avbportal.com/magento-media/members-hes/vheh1-goodvibrations/car-amplifiers.jpg" class="p-base__img p-base__img--center" alt="Car Amps & Equalizers" /> <h1 class="p-base__headline">Car Amps &amp; Equalizers</h1> <a class="p-base__btn" href="https://www.goodvibesav.com/catalog/car-amplifiers?category_id=1324">Shop Now</a> </div> </div><br /> <div class="p-base__inner p-base__inner--center">  <div class="p-base__column"> <img src="https://cdn.avbportal.com/magento-media/members-hes/vheh1-goodvibrations/car-led-lightbars.jpg" class="p-base__img p-base__img--center" alt="Car LED Light Bars" /> <h1 class="p-base__headline">Car LED Light Bars</h1> <a class="p-base__btn" href="https://www.goodvibesav.com/catalog/car-audio?cat=1095&category_id=1095&manufacturer=48890">Shop Now</a> </div>  <div class="p-base__column"> <img src="https://cdn.avbportal.com/magento-media/members-hes/vheh1-goodvibrations/car-remote-starter-and-alarms.jpg" class="p-base__img p-base__img--center" alt="Remote Start & Car Alarms" /> <h1 class="p-base__headline">Remote Start &amp; Car Alarms</h1> <a class="p-base__btn" href="https://www.goodvibesav.com/home-electronics/car-audio/car-accessories/remote-start-and-alarms.html">Shop Now</a> </div>  <div class="p-base__column"> <img src="https://cdn.avbportal.com/magento-media/members-hes/vheh1-goodvibrations/backup-cameras.png" class="p-base__img p-base__img--center" alt="Backup Cameras" /> <h1 class="p-base__headline">Backup Cameras</h1> <a class="p-base__btn" href="https://www.goodvibesav.com/backup-cameras">Learn More</a> </div> </div> </div> </div> </main> <style> /*Insert your style over rides here*/ .p-base__btn { background-color: #333; transition: background-color 300ms ease-out; } .p-base__btn:hover { background-color: #999; } </style>