/**
 * Drop cap styles loads on front end and back end
 */

.entry-content .dggb-block-drop-cap {
  .dggb-drop-cap-text p:first-letter {
    float: left;
    font-size: 75px;
    line-height: 0.7em;
    margin-top: 0.15em;
    margin-right: 25px;
    margin-bottom: 25px;
    font-weight: bold;
    text-transform: uppercase;
  }

  &.dggb-drop-cap-square .dggb-drop-cap-text p:first-letter {
    background: #32373c;
    color: #fff;
    padding: 0.2em;
  }

  &.dggb-drop-cap-border .dggb-drop-cap-text p:first-letter {
    color: #32373c;
    padding: 0.2em;
    border: solid 4px;
  }

  /* Font size styles */
  @media only screen and (min-width: 600px) {
    &.dggb-font-size-1 .dggb-drop-cap-text:first-letter {
      font-size: 75px;
    }

    &.dggb-font-size-2 .dggb-drop-cap-text:first-letter {
      font-size: 85px;
    }

    &.dggb-font-size-3 .dggb-drop-cap-text:first-letter {
      font-size: 95px;
    }

    &.dggb-font-size-4 .dggb-drop-cap-text:first-letter {
      font-size: 105px;
    }

    &.dggb-font-size-5 .dggb-drop-cap-text:first-letter {
      font-size: 115px;
    }

    &.dggb-font-size-6 .dggb-drop-cap-text p:first-letter {
      font-size: 125px;
    }
  }
}

.dggb-block-drop-cap {
  &:before,
  &:after {
    content: "";
    display: table;
  }

  &:after {
    clear: both;
  }

  a {
    color: inherit;
    box-shadow: 0 -1px 0 inset;
    text-decoration: none;

    &:hover {
      color: inherit;
      box-shadow: 0 -2px 0 inset;
    }
  }
}