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: " <" 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-base__fullWidth-banner"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-hes/vheh1-goodvibrations/record-loft.jpg" alt="Record Loft" class="p-base__fullWidth-banner-img" /> </div>  <div class="p-container">  <div class="p-base__section"> <h2 class="p-base__main-title"> THE RECORD LOFT &amp; LISTENING LOUNGE </h2> <div class="p-base__inner"> <div class="p-base__column p-base__column--double-wide"> <p class="p-base__desc"> The rumors you've heard about the sound quality, warmth and personality of vinyl are true. Listen for yourself and re-discover the art and beauty of 12" albums, turntables, amplifiers and more from some of the biggest names in the industry. </p> <h3 class="p-base__subHeadline"> Pure Sound Awaits </h3> <p class="p-base__desc"> Thousands of new and used albums are in stock. Buy, sell or trade for your favorites at The Record Loft &amp; Listening Lounge at Good Vibrations. </p> </div> <div class="p-base__column"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-hes/vheh1-goodvibrations/record-loft-logo.jpg" alt="Record Loft" class="p-base__fullWidth-banner-img" /> </div> </div> </div> </div>  </main> <style> /*** About Us Page Styles ***/ /*Headline Styles*/ .p-base__main-title{ color:#0977ae; } .p-base__headline{ color:#0977ae; } .p-base__subHeadline{ color:#002e5f; } /*Link Styles*/ .p-base__link{ color:#0977ae; transition: color 300ms ease-out; } .p-base__link:hover{ color:#002e5f; cursor: pointer; } .p-base__list-item-link{ color:#0977ae; } .p-base__list-item-link:hover{ color:#002e5f; cursor: pointer; } /*Button Styles*/ .p-base__btn{ background-color:#0977ae; color:#fff; transition: background-color 300ms ease-out; } .p-base__btn:hover{ background-color:#002e5f; cursor: pointer; } </style>

THE RECORD LOFT & LISTENING LOUNGE

Pure Sound Awaits

Is it Time to Plan Your Next Great Project? Great projects start with great plans! Let our team of experts find the right solutions to meet all your needs, for projects from residential to commercial. Send us your details below, and one of our friendly and knowledgeable professionals will reach out.