"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");
/**
 * Page Area
 */


const PageArea = styleh_components_1.styled.div`display:grid;grid-template-areas:'header' 'adspotArea' 'banner' 'categorygrid' 'promo' 'tabpanel' 'video' 'video1' 'newsletter' 'footer';`;
exports.PageArea = PageArea;
/**
 * Header
 */

const HeaderArea = styleh_components_1.styled.div`grid-area:header;display:grid;grid-template-areas:'headerTopArea' 'headerBottomArea';`;
exports.HeaderArea = HeaderArea;
const HeaderTopArea = styleh_components_1.styled.div`grid-area:headerTopArea;background-color:#273238;min-height:44px;`;
exports.HeaderTopArea = HeaderTopArea;
const HeaderBottomArea = styleh_components_1.styled.div`grid-area:headerBottomArea;background-color:#36474f;min-height:82px;`;
exports.HeaderBottomArea = HeaderBottomArea;
/**
 * Adspot
 */

const AdspotArea = styleh_components_1.styled.div`grid-area:adspotArea;background-color:#465a65;min-height:40px;`;
exports.AdspotArea = AdspotArea;
/**
 * Content
 */

const PageContentArea = styleh_components_1.styled.div`grid-area:banner;background-color:#ccc;min-height:410px;display:grid;grid-template-areas:'heading' 'multibanner';background:url(//d16rliti0tklvn.cloudfront.net/2673/1520333247025.1838917399.jpg) 0px 0px / 100% no-repeat;`;
exports.PageContentArea = PageContentArea;
const HeadingArea = styleh_components_1.styled.div`grid-area:heading;background:#546f7a;min-height:244px;`;
exports.HeadingArea = HeadingArea;
const MultibannerArea = styleh_components_1.styled.div`grid-area:multibanner;background:#607d8b;min-height:680px;`;
exports.MultibannerArea = MultibannerArea;
const CategoryGridArea = styleh_components_1.styled.div`grid-area:categorygrid;background:#78909c;min-height:351px;`;
exports.CategoryGridArea = CategoryGridArea;
const PromoArea = styleh_components_1.styled.div`grid-area:promo;background:#90a4ad;min-height:136px;`;
exports.PromoArea = PromoArea;
const TabPanelArea = styleh_components_1.styled.div`grid-area:tabpanel;background:#b0bfc6;min-height:460px;`;
exports.TabPanelArea = TabPanelArea;
const VideoWrapArea = styleh_components_1.styled.div`grid-area:video;min-height:550px;background:#d0d7dd;`;
exports.VideoWrapArea = VideoWrapArea;
const VideoWrap1Area = styleh_components_1.styled.withComponent(VideoWrapArea)`grid-area:video1;background:#ebeff2;`;
exports.VideoWrap1Area = VideoWrap1Area;
const NewsletterArea = styleh_components_1.styled.div`grid-area:newsletter;background:#42a5f6;min-height:153px;`;
exports.NewsletterArea = NewsletterArea;
/**
 * Footer
 */

const FooterArea = styleh_components_1.styled.div`background-color:#8dcbfc;grid-area:footer;min-height:297px;`;
exports.FooterArea = FooterArea; //# sourceMappingURL=styled.js.map