/* Minification failed. Returning unminified contents.
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,28): run-time error CSS1039: Token not allowed after unary operator: '-page-background-color'
(31,17): run-time error CSS1039: Token not allowed after unary operator: '-page-text-color'
(52,17): run-time error CSS1039: Token not allowed after unary operator: '-page-primary-color'
(74,22): run-time error CSS1039: Token not allowed after unary operator: '-page-header-background-color'
(75,17): run-time error CSS1039: Token not allowed after unary operator: '-page-header-color'
(96,28): run-time error CSS1039: Token not allowed after unary operator: '-page-background-color'
(108,17): run-time error CSS1039: Token not allowed after unary operator: '-page-header-color'
(121,36): run-time error CSS1039: Token not allowed after unary operator: '-page-tertiary-color'
(154,29): run-time error CSS1039: Token not allowed after unary operator: '-page-primary-color'
(178,17): run-time error CSS1039: Token not allowed after unary operator: '-page-error-color'
(221,17): run-time error CSS1039: Token not allowed after unary operator: '-page-background-color'
(222,28): run-time error CSS1039: Token not allowed after unary operator: '-page-secondary-color'
(265,17): run-time error CSS1039: Token not allowed after unary operator: '-page-text-color'
(347,17): run-time error CSS1039: Token not allowed after unary operator: '-page-text-color'
(353,17): run-time error CSS1039: Token not allowed after unary operator: '-page-primary-color'
 */
/* defaults
----------------------------------------------------------*/

@import url('fonts/fonts.css');

:root
{
    --page-background-color: #fff;
    --page-text-color: #051a4c;
    --page-header-color: #051a4c;
    --page-header-background-color: #f2f2f2;
    --page-primary-color: #0559fa;
    --page-primary-color-darken: #044cd2;
    --page-secondary-color: #051a4c;
    --page-secondary-color-darken: #020d26;
    --page-tertiary-color: #88acc9;
    --page-tertiary-color-darken: #6f9abe;
    --page-error-color: #ce0000;
    --page-error-background: #ffdcdc;
}

html
{
    font-size: 17px;
    height: 100%;
}

body
{
    background-color: var(--page-background-color);
    color: var(--page-text-color);
    display: flex;
    flex-direction: column;
    font-family: "So:hne", Arial, sans-serif;
    font-weight: normal;
    height: 100%;
    margin: 0;
    min-height: 100%;
    padding: 0;
    position: relative;
}

a
{
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

a:link,
a:visited
{
    color: var(--page-primary-color);
}

a:hover
{
    outline: none;
    color: #043eaf;
}

p,
div,
form
{
    margin: 0;
}


/* header
----------------------------------------------------------*/

header
{
    background: var(--page-header-background-color);
    color: var(--page-header-color);
}

header .header-container
{
    padding: 1.6rem 40px;
}

header .logo .icon
{
    background-size: 146px 57px;
    height: 57px;
    width: 146px;
}


/* content
----------------------------------------------------------*/

.content
{
    background-color: var(--page-background-color);
    min-height: 170px;
    padding: 0 40px;
}

.content-container
{
    flex-grow: 1;
}

h1, h3
{
    color: var(--page-header-color);
}

h1
{
    font-size: 2rem;
    font-weight: bold;
    margin: 1.225rem 0;
    padding: 0 40px;
}

h3
{
    border-bottom: 2px dotted var(--page-tertiary-color);
    font-size: 1.125rem;
    font-weight: 500;
    margin: 0;
    padding-bottom: 3px;
}

.form + h3
{
    margin-top: 1.25rem;
}

.form
{
    margin: 1.225rem 0 2.45rem;
}

.form .display-field
{
    font-weight: 500;
    padding: 0.125rem 0.69rem 0.125rem 0;
    text-align: right;
    width: 14em;
}

.important
{
    font-weight: 500;
}

.loading
{
    animation: rotation 1s linear infinite;
    border: 12px solid var(--page-primary-color);
    border-bottom-color: transparent !important;
    border-radius: 50%;
    box-sizing: border-box;
    height: 250px;
    margin: 100px auto 0 auto;
    width: 250px;
}

@keyframes rotation
{
    0%
    {
        transform: rotate(0deg);
    }

    100%
    {
        transform: rotate(360deg);
    }
} 

.error
{
    color: var(--page-error-color);
}

.wrap
{
    word-wrap: break-word;
}


/* footer
----------------------------------------------------------*/

.row
{
    display: flex;
    width: 100%;
}

.column
{
    display: flex;
    flex-direction: column;
    position: relative;
}

footer
{
    font-size: 0.875rem;
    margin-top: 4rem;
    padding-bottom: 2rem;
}

footer .footer-container
{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-right: 40px;
    position: relative;
}

footer .service-links
{
    color: var(--page-background-color);
    background-color: var(--page-secondary-color);
    font-size: 1rem;
    padding: 3rem 1.225rem;
}

footer .social-media
{
    margin-left: auto;
    opacity: 0.8;
}

footer .social-media span
{
    display: inline-block;
    margin: 4px 2rem 1px 0;
}

footer .social-media-links
{
    height: 25px;
    display: flex;
    opacity: 0.8;
}

footer .social-media-links a
{
    margin-right: 1.5rem;
}

footer .social-media-links .icon
{
    background-size: 26px;
    height: 26px;
    width: 26px;
}

footer .social-media-links a:hover .icon
{
    transform: scale(1.1);
}

footer .contacts
{
    color: var(--page-text-color);
    padding-bottom: 2rem;
    line-height: 1.6;
    margin-top: 1.5rem;
}

footer .contacts .article
{
    margin-top: 2rem;
    padding-left: 40px;
}

@media (min-width: 1270px)
{
    footer .contacts .article:not(:first-child)
    {
        padding-left: 70px;
    }

    footer .contacts .article:last-child
    {
        width: calc(100% / 3) !important;
    }
}

@media (max-width: 750px)
{
    footer .contacts .article
    {
        width: 100% !important;
    }

    footer .spacer
    {
        display: none;
    }
}

footer .contacts .article:last-child
{
    width: calc(100% - 40px);
}

footer .spacer
{
    flex-grow: 1;
}

footer .contacts .icon
{
    background-size: 19px 19px;
    height: 19px;
    margin: 2px 10px 0 0;
    width: 19px;
}

footer .contacts .icon.logo
{
    background-size: 130px 51px;
    height: 51px;
    margin-top: 0;
    width: 130px;
}

footer .contacts p
{
    display: flex;
    margin-bottom: 10px;
}

footer .contacts p + p
{
    margin-bottom: 0;
}

footer .contacts b
{
    margin-right: 3px;
}

footer .contacts a
{
    color: var(--page-text-color);
    transition: all 0.2s ease-in-out;
}

footer .contacts a:hover:not(.tel)
{
    color: var(--page-primary-color);
    text-decoration: underline;
}

footer .contacts .column + .column
{
    padding: 0;
}

footer .contacts .cc
{
    background: url(images/cc-logo.svg) 0 0 no-repeat;
    background-size: 65px 16px;
    height: 16px;
    opacity: 0.45;
    width: 65px;
}

footer .contacts .version
{
    border-top: 1px solid #ccc;
    color: #666;
    font-size: 0.75rem;
    margin-top: 1rem;
    padding: 0.5rem 0;
}

footer .contacts .mud-icon-root
{
    margin-right: 5px;
}


/* icons
----------------------------------------------------------*/

.icon
{
    display: inline-block;
}

.icon.icon-cs-logo
{
    background: url(images/celni-sprava-logo.svg) 0 0 no-repeat;
}

.icon.icon-x
{
    background: url(images/icon--x.svg) 0 0 no-repeat;
}

.icon.icon-yt
{
    background: url(images/icon--youtube.svg) 0 0 no-repeat;
}

.icon.icon-fb
{
    background: url(images/icon--facebook.svg) 0 0 no-repeat;
}

.icon.icon-pin
{
    background: url(images/icon--map-marker.svg) 0 0 no-repeat;
    background-size: 16px 24px !important;
    height: 24px !important;
    width: 16px !important;
}

.icon.icon-email
{
    background: url(images/icon--envelope.svg) 0 0 no-repeat;
}

.icon.icon-phone
{
    background: url(images/icon--phone.svg) 0 0 no-repeat;
}