.widget {
	margin: 0 0 1.5em;

	// Make sure select elements fit in widgets.
	select {
		max-width: 100%;
	}

    //TODO: Semantically the .widget-title should be h5

	.widget-title {
        color: var(--askella-font-color);
        // font: 900 1.2rem "Roboto", "Open Sans", "Helvetica Neue", "Arial", "sans-serif";
        font-weight: 900;
        font-size: 1.2rem;
        font-family: var(--askella-font-family);	      
        text-transform: uppercase;
        letter-spacing: 0.09em;
    }

    .widget-title::after {
        content: "";
        display: block;
        width: 2em;
        height: 3px;
        background: var(--askella-font-color);
        margin-top: 0.1em;
    }
}