gsy-component-library/build/components/Headline/Headline.css

reusable components from grid singularity

/* VERBUND THEME */
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,700");
.headline {
  font-weight: 400; }
  .theme-d3a .headline {
    font-family: "Lato", sans-serif; }
  .theme-verbund .headline {
    font-family: "Roboto", sans-serif; }

.headline-h1 {
  font-size: 42px;
  font-weight: 300; }

.headline-h2 {
  font-size: 28px;
  font-weight: 300; }

.headline-h3 {
  font-size: 20px; }

.headline-h4 {
  font-size: 16px;
  font-weight: 400; }

.headline-title {
  font-size: 28px;
  font-weight: 300;
  line-height: 1em;
  padding-bottom: 15px; }
  .theme-d3a .headline-title {
    border-bottom: 1px solid #7d7d7d; }
  .theme-verbund .headline-title {
    border-bottom: 1px solid #7d7d7d; }

.headline-page-title {
  font-size: 44px;
  line-height: 55px;
  font-weight: 100;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  padding-bottom: 37px; }
  .theme-d3a .headline-page-title {
    color: #fff; }
  .theme-verbund .headline-page-title {
    color: #fff; }
  .headline-page-title .info {
    font-size: 14px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.148579); }
    .theme-d3a .headline-page-title .info {
      color: #8daebc;
      line-height: initial; }
    .theme-verbund .headline-page-title .info {
      color: #A8A8A8;
      line-height: initial; }

.headline-card-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 100;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); }
  .theme-d3a .headline-card-title {
    color: #fff; }
  .theme-verbund .headline-card-title {
    color: #fff; }
  .headline-card-title img {
    position: relative;
    margin-left: 13px;
    top: -4px; }
  .headline-card-title .info {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .5px; }
    .theme-d3a .headline-card-title .info {
      color: #8daebc; }
    .theme-verbund .headline-card-title .info {
      color: #A8A8A8; }

.headline-card-text-large {
  font-size: 56px;
  font-weight: 100;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: baseline; }
  .theme-d3a .headline-card-text-large {
    color: #fff; }
  .theme-verbund .headline-card-text-large {
    color: #fff; }
  .headline-card-text-large .unit {
    margin-left: 6.24px;
    font-size: 23px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); }

.theme-d3a .headline-subtitle {
  color: #8daebc; }

.theme-verbund .headline-subtitle {
  color: #A8A8A8; }

.headline-verbund-subtitle {
  font-size: 14px;
  font-weight: 100;
  position: absolute;
  bottom: -34px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.148579); }
  .theme-d3a .headline-verbund-subtitle {
    color: #8daebc; }
  .theme-verbund .headline-verbund-subtitle {
    color: #A8A8A8; }