"use strict";

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

const styleh_components_1 = require("styleh-components");

const Text_1 = require("../../../atoms/Text");

const Link_1 = require("../../../atoms/Link");

const Icons_1 = require("../../../atoms/Icons");

const Image_1 = require("../../../atoms/Image");

const StyledImage = styleh_components_1.styled.withComponent(Image_1.Image)`width:auto;display:flex;align-items:center;${Image_1.ImageElement}{width:auto;height:auto;max-width:100%;max-height:100%;position:relative;}`;
exports.StyledImage = StyledImage;
const StyledLink = styleh_components_1.styled.withComponent(Link_1.Link)`width:10rem;height:2.75rem;background:#00a0db;margin-right:1.5rem;display:flex;align-items:center;justify-content:center;color:#ffffff;border-radius:0.25rem;text-decoration:none;@media (max-width:767px){width:7.5rem;}`;
exports.StyledLink = StyledLink;
const StyledTitle = styleh_components_1.styled.withComponent(Text_1.Heading)`font-size:1.5rem;text-align:center;margin:0;@media (max-width:1023px){font-size:1rem;}@media (max-width:767px){font-size:0.875rem;text-align:left;}`;
exports.StyledTitle = StyledTitle;
const ButtonWrapper = styleh_components_1.styled.div`margin-right:1.5rem;max-width:10rem;@media (max-width:767px){margin-right:0.625rem;}`;
exports.ButtonWrapper = ButtonWrapper;
const TitleWrapper = styleh_components_1.styled.div`margin:0 1.25rem;flex:1;@media (max-width:767px){margin-left:0;}`;
exports.TitleWrapper = TitleWrapper;
const LogoWrapper = styleh_components_1.styled.div`flex-wrap:wrap;margin-left:1.5rem;flex:0 0 20%;height:100%;display:flex;justify-content:center;@media (max-width:767px){display:none;}`;
exports.LogoWrapper = LogoWrapper;
const BannerWrapper = styleh_components_1.styled.div`display:flex;justify-content:space-between;align-items:center;padding:0.625rem;height:7.5rem;background:url(${props => props.backgroundImage}) repeat center center/cover ${props => props.backgroundColor ? props.backgroundColor : 'grey'};@media (max-width:1023px){height:4.6875rem;}`;
exports.BannerWrapper = BannerWrapper;
const RedLogo = styleh_components_1.styled.withComponent(Icons_1.LogoIcon)`g #logo{fill:red;}g #version{fill:white;}`;
exports.RedLogo = RedLogo;
const Wrapper = styleh_components_1.styled.div``;
exports.Wrapper = Wrapper; //# sourceMappingURL=styled.js.map