"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const Copyright_1 = require("features/Copyright");
const Text_1 = require("atoms/Text");
const MultipleLinkList_1 = require("presets/MultipleLinkList");
const SectionLinkList_1 = require("presets/SectionLinkList");
const SectionList_1 = require("presets/SectionList");
const SocialIconList_1 = require("molecules/SocialIconList");
const styled_1 = require("molecules/List/styled");
const Footer_1 = require("abstractions/Footer");
const StyledSocialIconList = view_container_1.styled.withComponent(SocialIconList_1.SocialIconList) `
  padding: 0;

  ${SocialIconList_1.IconLink} {
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right: rem(24);

    &:last-child {
      margin-right: 0;
    }
  }
`;
exports.StyledSocialIconList = StyledSocialIconList;
const StyledCopyRight = view_container_1.styled.withComponent(Copyright_1.Copyright) `
  font-size: 14px;

  @media (max-width: 768px) {
    font-size: 12px;
    display: inline-flex;
    flex: none;
  }
`;
exports.StyledCopyRight = StyledCopyRight;
const StyledLabel = view_container_1.styled.withComponent(Text_1.Label) `
  font-size: 14px;
  color: #ffffff;
  display: flex;
  justify-content: center;

  @media (max-width: 767px) {
    margin-right: 0;
  }
`;
exports.StyledLabel = StyledLabel;
const StyledMultipleLinkList = view_container_1.styled.withComponent(MultipleLinkList_1.MultipleLinkList) `
  color: #ffffff;
  width: 100%;

  ${styled_1.ItemPanel} {
    padding: 0;
    padding-bottom: rem(8);

    &:last-child {
      padding-bottom: 0;
    }
  }

  ${SectionLinkList_1.StyledLink} {
    color: inherit;
    text-decoration: none;
    font-size: 14px;
  }

  ${SectionList_1.SectionListHeader} {
    font-size: 16px;
    font-weight: 500;
  }

`;
exports.StyledMultipleLinkList = StyledMultipleLinkList;
const StyledFooterPlaceholder = view_container_1.styled.withComponent(Footer_1.Footer) `
  background-color: #2c2c2c;
`;
exports.StyledFooterPlaceholder = StyledFooterPlaceholder;
//# sourceMappingURL=styled.js.map