/* tips */
.tip_widget {
    margin: .5em 0;
}

.tip {
    position: relative;
    background-color: var(--color-link-lighter);

    /* border: 1px solid var(--color-link-light); */
    padding: 1rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.tip blockquote,
.tip footer,
.tip header {
    padding: 0;
    margin: 0;
    color: var(--color-bg-lighter);
}

.tip blockquote::before,
blockquote::after {
    position: absolute;
    height: 3rem;
    font: 6rem/100% Georgia,
    "Times New Roman",
    Times,
    serif;
}

.tip blockquote::before {
    content: "“";
    top: 0.3rem;
    left: 0.9rem;
}

.tip blockquote::after {
    content: "”";
    bottom: 0.3rem;
    right: 0.8rem;
}

.tip blockquote p {
    padding-top: 1.5rem;
}

.tip header {
    font-size: var(--h2-font-size);
    text-align: center;
}

.tip footer {
    background-color: inherit;
}