/* FONTY */
@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Light.eot');
    src: local('Gilroy Light'), local('Gilroy-Light'),
         url('fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gilroy-Light.woff') format('woff'),
         url('fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-SemiBold.eot');
    src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
         url('fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gilroy-SemiBold.woff') format('woff'),
         url('fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    background: #f7f7f7;
    font-family: "Gilroy", Tahoma, Sans-Serif;
    font-weight: 300;
}
strong {
    font-weight: 600;
}
/* STYLY */
.button-default {
    text-align: center;
    padding: 1em 1.5em;
    border-radius: 4px;
    outline: none;
    border: none;
    background: #e9e9e9;
    color: #353935;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-transform: uppercase;
}
.button-default.interactive:hover {
    background: #d9d9d9;
    cursor: pointer;
}
.link-default {
    display: block;
    color: #353935;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-decoration: none;
}
.link-default.interactive:hover {
    cursor: pointer;
    text-decoration: underline;
}
.defaultText {
    color: #e9e9e9;
}
.defaultText.interactive:hover {
    color: #d9d9d9;
    text-decoration: underline;
    cursor: pointer;
}
.branding {
    background: var(--brandingColor);
    color: var(--brandingTextColor);
}
.branding.interactive:hover {
    background: var(--brandingColorHover);
}
.brandingLink.interactive:hover {
    color: var(--brandingColorHover);
}
.brandingText {
    color: var(--brandingColor);
}
.brandingText.interactive:hover {
    color: var(--brandingColorHover);
}
/* INPUTY */
input[type="number"] {
    display: inline-flex;
    outline: none;
    border: 1px solid #F0F0F0;
    background: #f9f9f9;
    padding: 1em 1.5em;
    border-radius: 4px;
}
/* Skrytí šipek pro input[type="number"]*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
/* SPACING */
/* Margin */
.mt-05 { margin-top: .5em; }
.mt-1 { margin-top: 1em; }
.mt-2 { margin-top: 1em; }
.mb-05 { margin-bottom: .5em; }
.mb-1 { margin-bottom: 1em; }
.mb-2 { margin-bottom: 1em; }
.ml-05 { margin-left: .5em; }
.ml-1 { margin-left: 1em; }
.ml-2 { margin-left: 1em; }
.mr-05 { margin-right: .5em; }
.mr-1 { margin-right: 1em; }
.mr-2 { margin-right: 1em; }
/* Padding */
.p-05 { padding: .5em; }
.p-1 { padding: 1em; }
.p-2 { padding: 2em; }
.pt-05 { padding-top: .5em; }
.pt-1 { padding-top: 1em; }
.pt-2 { padding-top: 1em; }
.pb-05 { padding-bottom: .5em; }
.pb-1 { padding-bottom: 1em; }
.pb-2 { padding-bottom: 1em; }
.pl-05 { padding-left: .5em; }
.pl-1 { padding-left: 1em; }
.pl-2 { padding-left: 1em; }
.pr-05 { padding-right: .5em; }
.pr-1 { padding-right: 1em; }
.pr-2 { padding-right: 1em; }