@import '../environment';
@import '../shared/map_and_locations';

main
{
    .content.information
    {
        margin-bottom: steps(3);

        h1
        {
            @include normal-heading;

            margin-bottom: steps(3);
        }

        h2
        {
            @include extra-large-heading;

            margin-bottom: steps(0.5);
        }

        .phone-latvia
        {
            a
            {
                @include font-dimensions(42px, steps(6), -1.4px);

                @include for-at-least-normal-tablets
                {
                    @include font-dimensions(69px, steps(8), -2.3px);
                }

                font-weight: bold;
                color: $color-brand-darker;
            }

            margin-bottom: 0;
        }

        .phone-abroad
        {
            @include normal-text;

            margin-bottom: steps(1.5);

            a[href^="tel:"]
            {
                white-space: nowrap;
            }
        }

        .links li
        {
            @include list-links;

            &:not(:last-child)
            {
                margin-bottom: steps(0.5);
            }
        }

        .field.filter
        {
            margin-bottom: steps(2);
        }

        .hint
        {
            @include map-hint;
        }

        @include for-at-least-normal-tablets
        {
            margin-bottom: 0;

            text-align: center;

            h2
            {
                margin-bottom: steps(1);
            }

            .phone-abroad
            {
                margin-bottom: steps(3);
            }

            .links
            {
                display: inline-block;
                margin-bottom: steps(0.5);

                text-align: left;
            }

            .field.filter
            {
                display: none;
            }
        }
    }
}
