"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Placeholder_1 = require("atoms/Placeholder");
const Divider = styled.div `
  position: relative;
  margin: 0 rem(6);
  width: rem(2);
`;
exports.Divider = Divider;
const StyledSquarePlaceholder = styled.withComponent(Placeholder_1.SquarePlaceholder) `
  margin-right: rem(5);

  &:last-child {
    margin-right: 0;
  }
`;
exports.StyledSquarePlaceholder = StyledSquarePlaceholder;
const FooterCopyright = styled.div `
  display: flex;
  flex: 1;

  @media (max-width: 767px) {
    order: 2;
    width: 100%;
    justify-content: center;
  }
`;
exports.FooterCopyright = FooterCopyright;
const ListOfLinks = styled.div `
  display: flex;
  flex-direction: row;
  flex: 1;
`;
exports.ListOfLinks = ListOfLinks;
const ListWrapper = styled.div `
  margin-right: rem(10);

  .header-text {
    margin-bottom: rem(10);
  }
`;
exports.ListWrapper = ListWrapper;
const FooterSocialIconWrapper = styled.div `
  display: flex;
  align-items: center;

  @media (max-width: 767px) {
    flex-direction: column;
    margin-bottom: rem(24);
  }
`;
exports.FooterSocialIconWrapper = FooterSocialIconWrapper;
const FooterSocialIcons = styled.div `
  margin-left: rem(21);

  @media (max-width: 767px) {
    margin: 0;
    margin-top: rem(8);
    display: flex;
  }
`;
exports.FooterSocialIcons = FooterSocialIcons;
const FooterLogo = styled.div `
  flex: 0 0 30%;
  height: 100%;
`;
exports.FooterLogo = FooterLogo;
const FooterBottomWrapper = styled.div `
  margin-top: rem(16);
  display: flex;
  align-items: center;

  @media (max-width: 767px) {
    flex-direction: column;
    margin: 0;
  }
`;
exports.FooterBottomWrapper = FooterBottomWrapper;
const FooterTopWrapper = styled.div `
  display: flex;
  padding-bottom: rem(32);
  border-bottom: rem(1) solid #ffffff;

  @media (max-width: 767px) {
    display: none;
  }
`;
exports.FooterTopWrapper = FooterTopWrapper;
const FooterContainer = styled.div `
  max-width: rem(1200);
  margin: auto;
`;
exports.FooterContainer = FooterContainer;
const FooterWrapper = styled.div `
  padding: rem(44) rem(8) rem(32) rem(8);

  @media (max-width: 1023px) {
    padding: rem(18) rem(8) rem(32) rem(8);
  }
  @media (max-width: 767px) {
    padding: rem(24) rem(8);
  }
`;
exports.FooterWrapper = FooterWrapper;
//# sourceMappingURL=styled.js.map