html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@-ms-viewport {
width: device-width;
}
body {
line-height: 1.5;
font-family: 'Arial CE', 'Helvetica CE', Arial, Verdana, Helvetica, sans-serif;
text-align: left;
}
/* margin bottom */
address,
dl,
p,
pre,
ol,
table,
ul {
margin-bottom: 1em;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0em;
}
ul,
ol,
dd {
margin-left: 2em;
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
/* extra margin */
blockquote {
margin-bottom: 2em;
margin-top: 2em;
}
h1 + blockquote,
h2 + blockquote,
h3 + blockquote,
h4 + blockquote,
h5 + blockquote,
h6 + blockquote {
margin-top: 0;
}
/* overflow */
pre {
overflow: auto;
}
/* font size */
sub,
sup,
small {
font-size: smaller;
}
big {
font-size: larger;
}
/* vertical align */
sub {
vertical-align: sub;
}
sup {
vertical-align: super;
}
/* monospace font */
code,
kbd,
pre,
samp,
tt,
var,
listing {
font-family: monospace;
text-indent: 0;  /* <code> inline-block fix */
}
/* code output */
pre {
-o-tab-size: 4;
-moz-tab-size: 4;
tab-size: 4;
}
pre code {
display: inline;  /* <code> inline-block fix */
}
/* italic */
address,
blockquote,
cite,
dfn,
em,
i,
ins,
q,
var {
font-style: italic;
}
/* bold */
b,
kbd,
strong,
th {
font-weight: bold;
}
/* underline */
a,
u {
text-decoration: underline;
}
/* line through */
del,
s,
strike {
text-decoration: line-through;
}
/* text decoration */
ins {
text-decoration: none;
}
/* heading */
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
margin-top: 1em;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0;
}
h1 {
font-size: 250%;
line-height: 1.2;
margin-bottom: 0.4em; /* 16 / 40 */
}
h2 {
font-size: 200%;
line-height: 1.25;
margin-bottom: 0.5em; /* 16 / 32 */
}
h3 {
font-size: 175%;
line-height: 1.286;
margin-bottom: 0.571em; /* 16 / 28 */
}
h4 {
font-size: 150%;
line-height: 1.167;
margin-bottom: 0.667em; /* 16 / 24 */
}
h5 {
font-size: 125%;
line-height: 1.2;
margin-bottom: 0.8em; /* 16 / 20 */
}
h6 {
font-size: 100%;
line-height: 1.25;
margin-bottom: 1em;
}
/* tables */
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
vertical-align: inherit;
}
td,
th,
caption {
padding: 0.2em 0.6em;
text-align: left;
}
th {
text-align: center;
}
/*fix for IE6, IE7*/
th p {
text-align: left;
}
/*ix for IE7*/
caption {
text-align: center;
}
form td,
form tr {
border: none;
}
/* forms */
fieldset {
border: 1px solid #bbb;
margin-bottom: 1em;
padding: 0.6em 1em 1em;
}
legend {
margin-left: 0.2em;
padding: 0 0.4em;
}
/* HTML5 */
mark {
color: #000;
background-color: #ff0;
padding: 1px 3px;
}
/* other */
hr {
background: transparent;
height: 1px;
border-width: 0;
border-top: 0.25em solid #e8e8e8;
margin-bottom: 1em;
}
/* other - deprecated */
center {
text-align: center;
}
:root {
--color-white: hsla(0, 0%, 100%, 0.85);
--color-primary: #30adc0;
--color-background: rgb(20, 25, 31);
--color-border: hsla(210, 20%, 25%, 0.8);
--color-border-2: hsla(210, 20%, 25%, 0.5);
--color-primary-border: hsla(188, 60%, 47%, 0.5);
--color-background-opacity: hsla(213, 22%, 10%, 0.95);
--color-card: #1b1f28;
--color-card-title: rgb(242, 242, 242);
--color-card-text: rgb(138, 146, 153);
--color-secondary: #1f242e;
--color-icon: #1e2d38;
--color-icon-hover: #203b46;
--gradient-primary: linear-gradient(135deg, hsl(188, 80%, 72%), hsl(188, 77%, 38%));
--shadow-glow: 0 0 5px hsl(188 73% 47% / .3);
--pageWidth: 81.25rem;
--size-12: 0.75rem;
--size-13: 0.8125rem;
--size-14: 0.875rem;
--size-15: 0.9375rem;
--size-16: 1rem;
--size-18: 1.125rem;
--size-19: 1.188rem;
--size-20: 1.25rem;
--size-24: 1.5rem;
--size-22: 1.375rem;
--size-25: 1.5625rem;
--size-26: 1.625rem;
--size-28: 1.75rem;
--size-30: 1.875rem;
--size-35: 2.1875rem;
--size-40: 2.5rem;
--size-12-18: clamp(0.75rem, 0.6276rem + 0.6122vw, 1.125rem);
--size-14-18: clamp(0.875rem, 0.788rem + 0.204vw, 1.125rem);
--size-14-16: clamp(0.875rem, 0.8342rem + 0.2041vw, 1rem);
--size-16-24: clamp(1rem, 0.8367rem + 0.8163vw, 1.5rem);
--size-18-20: clamp(1.125rem, 1.0842rem + 0.2041vw, 1.25rem);
--size-26-30: clamp(1.625rem, 1.2rem + 1.5vw, 2rem);
--size-28-40: clamp(1.75rem, 1.413rem + 1.692vw, 2.5rem);
--size-28-50: clamp(1.75rem, 1.292rem + 1.9091vw, 3.125rem);
--radius-5: 0.312rem;
--radius-8: 0.5rem;
--radius-10: 0.625rem;
--radius-15: 0.9375rem;
--radius-20: 1.25rem;
--radius-30: 1.875rem;
--radius-40: 2.5rem;
--radius-100: 6.25rem;
--shadow-1: 0 0 0.625rem rgba(0, 0, 0, 0.1);
--space-5: 0.3125rem;
--space-6: 0.375rem;
--space-8: 0.5rem;
--space-10: 0.625rem;
--space-12: 0.75rem;
--space-13: 0.8125rem;
--space-14: 0.875rem;
--space-15: 0.9375rem;
--space-16: 1rem;
--space-18: 1.125rem;
--space-20: 1.25rem;
--space-23: 1.4375rem;
--space-25: 1.5625rem;
--space-26: 1.625rem;
--space-30: 1.875rem;
--space-32: 1.875rem;
--space-35: 2.1875rem;
--space-36: 2rem;
--space-40: 2.5rem;
--space-42: 2.625rem;
--space-44: 2.75rem;
--space-50: 3.125rem;
--space-55: 3.4375rem;
--space-60: 3.75rem;
--space-64: 4rem;
--space-65: 4.063rem;
--space-70: 4.375rem;
--space-75: 4.375rem;
--space-80: 5rem;
--space-100: 6.25rem;
--space-130: 8.125rem;
--space-140: 8.75rem;
--space-265: 16.562rem;
--space-280: 17.5rem;
--space-300: 18.75rem;
--space-320: 20rem;
--space-350: 21.875rem;
--space-365: 22.812rem;
--space-390: 24.375rem;
--space-400: 25rem;
--space-420: 26.25rem;
--space-430: 26.875rem;
--space-450: 28.125rem;
--space-500: 31.25rem;
--space-0-10: clamp(0rem, -0.2041rem + 1.0204vw, 1.25rem);
--space-0-50: clamp(0rem, -1.087rem + 5.4348vw, 3.125rem);
--space-0-20: clamp(0rem, -0.4082rem + 2.0408vw, 1.25rem);
--space-10-15: clamp(0.625rem, 0.521rem + 0.2604vw, 0.9375rem);
--space-10-20: clamp(0.625rem, 0.2168rem + 2.0408vw, 1.25rem);
--space-10-30: clamp(0.625rem, 0.2168rem + 2.0408vw, 1.875rem);
--space-10-50: clamp(0.625rem, 0.2168rem + 2.0408vw, 3.125rem);
--space-15-25: clamp(0.9375rem, 0.5625rem + 1.875vw, 1.5625rem);
--space-15-30: clamp(0.9375rem, 0.6314rem + 1.5306vw, 1.875rem);
--space-15-40: clamp(0.9375rem, 0.4273rem + 2.551vw, 2.5rem);
--space-15-45: clamp(0.9375rem, 0.8669rem + 2.5105vw, 2.8125rem);
--space-15-50: clamp(0.9375rem, 0.1766rem + 3.8043vw, 3.125rem);
--space-20-30: clamp(1.25rem, 1.0459rem + 1.0204vw, 1.875rem);
--space-20-35: clamp(1.25rem, 0.9439rem + 1.5306vw, 2.1875rem);
--space-20-40: clamp(1.25rem, 0.7682rem + 2.4237vw, 2.5rem);
--space-20-55: clamp(1.25rem, 0.5357rem + 3.5714vw, 3.4375rem);
--space-20-60: clamp(1.25rem, 0.4337rem + 4.0816vw, 3.75rem);
--space-30-60: clamp(1.875rem, 1.2628rem + 3.0612vw, 3.75rem);
--space-35-75: clamp(2.1875rem, 1.5228rem + 3.3058vw, 4.6875rem);
--space-40-80: clamp(2.5rem, 1.875rem + 2.5vw, 5rem);
--space-60-80: clamp(3.75rem, 3.2047rem + 2.1739vw, 5rem);
--space-0-100: clamp(0rem, 0vw + 5vw, 6.25rem);
--space-20-100: clamp(1.25rem, 0.326rem + 4.1304vw, 6.25rem);
--space-20-140: clamp(1.25rem, -0.136rem + 6.195vw, 8.75rem);
--space-40-100: clamp(2.5rem, 1.413rem + 4.3478vw, 6.25rem);
--space-40-120: clamp(2.5rem, 1.413rem + 4.3478vw, 7.5rem);
--space-70-146: clamp(4.375rem, 2.824rem + 7.7551vw, 9.125rem);
}
a {
color: #0044aa;
}
body {
background: #fff;
color: #000;
}
table,
th,
td {
vertical-align: middle;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
}
:focus {
outline: 0;
}
@media print {
body {
font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;
padding: 1cm;
}
a {
text-decoration: underline;
}
.header,
.horizontalmenu,
.footer,
.webauthor {
display: none;
}
.confoot2 {
display:none;
}
}
body {
font-family: ui-sans-serif, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
a {
color: var(--color-primary);
}
h1 {
color: var(--color-white);
}
.content p {
color: var(--color-white);
line-height: 1.8;
}
.content li {
color: var(--color-white);
line-height: 1.6;
margin-bottom: 0.5em;
list-style: none;
position: relative;
padding-left: 1.5em;
}
.content li::before {
content: "";
position: absolute;
left: 0;
top: 0.5em;
width: 0.6em;
height: 0.6em;
border-radius: 50%;
background-color: var(--color-accent, var(--color-primary));
}
.content ul {
margin-left: 1rem;
}
.content h1::after {
content: "";
display: block;
width: 100%;
max-width: 100px;
height: 4px;
border-radius: 10px;
background-color: var(--color-primary);
margin: 0.75rem 0;
}
h2 {
color: var(--color-white);
}
h3 {
color: var(--color-primary);
}
h4,
h5,
h6 {
color: var(--color-card-text);
}
.container {
max-width: 75em;
margin-left: auto;
margin-right: auto;
padding: 0 1em;
}
.container--small {
max-width: 60em;
}
.container--wide {
max-width: none;
}
.grid {
display: grid;
gap: 1em;
grid-template-columns: 1fr;
}
.grid--2cols {
grid-template-columns: repeat(2, 1fr);
}
.grid--3cols {
grid-template-columns: repeat(3, 1fr);
}
.grid--4cols {
grid-template-columns: repeat(4, 1fr);
}
.grid--5cols {
grid-template-columns: repeat(5, 1fr);
}
.grid--6cols {
grid-template-columns: repeat(6, 1fr);
}
.grid--7cols {
grid-template-columns: repeat(7, 1fr);
}
.grid--8cols {
grid-template-columns: repeat(8, 1fr);
}
.grid--9cols {
grid-template-columns: repeat(9, 1fr);
}
.grid--10cols {
grid-template-columns: repeat(10, 1fr);
}
.grid--11cols {
grid-template-columns: repeat(11, 1fr);
}
.grid--12cols {
grid-template-columns: repeat(12, 1fr);
}
.grid__item,
.grid__item--1col {
grid-column: span 1;
min-width: 0; /* https://stackoverflow.com/a/43312314 */
}
.grid__item--2cols {
grid-column: span 2;
}
.grid__item--3cols {
grid-column: span 3;
}
.grid__item--4cols {
grid-column: span 4;
}
.grid__item--5cols {
grid-column: span 5;
}
.grid__item--6cols {
grid-column: span 6;
}
.grid__item--7cols {
grid-column: span 7;
}
.grid__item--8cols {
grid-column: span 8;
}
.grid__item--9cols {
grid-column: span 9;
}
.grid__item--10cols {
grid-column: span 10;
}
.grid__item--11cols {
grid-column: span 11;
}
.grid__item--12cols {
grid-column: span 12;
}
@media only screen and (min-width:30em) {
.grid--2cols\@xs {
grid-template-columns: repeat(2, 1fr);
}
.grid--3cols\@xs {
grid-template-columns: repeat(3, 1fr);
}
.grid--4cols\@xs {
grid-template-columns: repeat(4, 1fr);
}
.grid--5cols\@xs {
grid-template-columns: repeat(5, 1fr);
}
.grid--6cols\@xs {
grid-template-columns: repeat(6, 1fr);
}
.grid--7cols\@xs {
grid-template-columns: repeat(7, 1fr);
}
.grid--8cols\@xs {
grid-template-columns: repeat(8, 1fr);
}
.grid--9cols\@xs {
grid-template-columns: repeat(9, 1fr);
}
.grid--10cols\@xs {
grid-template-columns: repeat(10, 1fr);
}
.grid--11cols\@xs {
grid-template-columns: repeat(11, 1fr);
}
.grid--12cols\@xs {
grid-template-columns: repeat(12, 1fr);
}
.grid__item--1col\@xs {
grid-column: span 1;
}
.grid__item--2cols\@xs {
grid-column: span 2;
}
.grid__item--3cols\@xs {
grid-column: span 3;
}
.grid__item--4cols\@xs {
grid-column: span 4;
}
.grid__item--5cols\@xs {
grid-column: span 5;
}
.grid__item--6cols\@xs {
grid-column: span 6;
}
.grid__item--7cols\@xs {
grid-column: span 7;
}
.grid__item--8cols\@xs {
grid-column: span 8;
}
.grid__item--9cols\@xs {
grid-column: span 9;
}
.grid__item--10cols\@xs {
grid-column: span 10;
}
.grid__item--11cols\@xs {
grid-column: span 11;
}
.grid__item--12cols\@xs {
grid-column: span 12;
}
}
@media only screen and (min-width:40em) {
.grid--2cols\@sm {
grid-template-columns: repeat(2, 1fr);
}
.grid--3cols\@sm {
grid-template-columns: repeat(3, 1fr);
}
.grid--4cols\@sm {
grid-template-columns: repeat(4, 1fr);
}
.grid--5cols\@sm {
grid-template-columns: repeat(5, 1fr);
}
.grid--6cols\@sm {
grid-template-columns: repeat(6, 1fr);
}
.grid--7cols\@sm {
grid-template-columns: repeat(7, 1fr);
}
.grid--8cols\@sm {
grid-template-columns: repeat(8, 1fr);
}
.grid--9cols\@sm {
grid-template-columns: repeat(9, 1fr);
}
.grid--10cols\@sm {
grid-template-columns: repeat(10, 1fr);
}
.grid--11cols\@sm {
grid-template-columns: repeat(11, 1fr);
}
.grid--12cols\@sm {
grid-template-columns: repeat(12, 1fr);
}
.grid__item--1col\@sm {
grid-column: span 1;
}
.grid__item--2cols\@sm {
grid-column: span 2;
}
.grid__item--3cols\@sm {
grid-column: span 3;
}
.grid__item--4cols\@sm {
grid-column: span 4;
}
.grid__item--5cols\@sm {
grid-column: span 5;
}
.grid__item--6cols\@sm {
grid-column: span 6;
}
.grid__item--7cols\@sm {
grid-column: span 7;
}
.grid__item--8cols\@sm {
grid-column: span 8;
}
.grid__item--9cols\@sm {
grid-column: span 9;
}
.grid__item--10cols\@sm {
grid-column: span 10;
}
.grid__item--11cols\@sm {
grid-column: span 11;
}
.grid__item--12cols\@sm {
grid-column: span 12;
}
}
@media only screen and (min-width:60em) {
.grid--2cols\@md {
grid-template-columns: repeat(2, 1fr);
}
.grid--3cols\@md {
grid-template-columns: repeat(3, 1fr);
}
.grid--4cols\@md {
grid-template-columns: repeat(4, 1fr);
}
.grid--5cols\@md {
grid-template-columns: repeat(5, 1fr);
}
.grid--6cols\@md {
grid-template-columns: repeat(6, 1fr);
}
.grid--7cols\@md {
grid-template-columns: repeat(7, 1fr);
}
.grid--8cols\@md {
grid-template-columns: repeat(8, 1fr);
}
.grid--9cols\@md {
grid-template-columns: repeat(9, 1fr);
}
.grid--10cols\@md {
grid-template-columns: repeat(10, 1fr);
}
.grid--11cols\@md {
grid-template-columns: repeat(11, 1fr);
}
.grid--12cols\@md {
grid-template-columns: repeat(12, 1fr);
}
.grid__item--1col\@md {
grid-column: span 1;
}
.grid__item--2cols\@md {
grid-column: span 2;
}
.grid__item--3cols\@md {
grid-column: span 3;
}
.grid__item--4cols\@md {
grid-column: span 4;
}
.grid__item--5cols\@md {
grid-column: span 5;
}
.grid__item--6cols\@md {
grid-column: span 6;
}
.grid__item--7cols\@md {
grid-column: span 7;
}
.grid__item--8cols\@md {
grid-column: span 8;
}
.grid__item--9cols\@md {
grid-column: span 9;
}
.grid__item--10cols\@md {
grid-column: span 10;
}
.grid__item--11cols\@md {
grid-column: span 11;
}
.grid__item--12cols\@md {
grid-column: span 12;
}
}
@media only screen and (min-width:75em) {
.grid--2cols\@lg {
grid-template-columns: repeat(2, 1fr);
}
.grid--3cols\@lg {
grid-template-columns: repeat(3, 1fr);
}
.grid--4cols\@lg {
grid-template-columns: repeat(4, 1fr);
}
.grid--5cols\@lg {
grid-template-columns: repeat(5, 1fr);
}
.grid--6cols\@lg {
grid-template-columns: repeat(6, 1fr);
}
.grid--7cols\@lg {
grid-template-columns: repeat(7, 1fr);
}
.grid--8cols\@lg {
grid-template-columns: repeat(8, 1fr);
}
.grid--9cols\@lg {
grid-template-columns: repeat(9, 1fr);
}
.grid--10cols\@lg {
grid-template-columns: repeat(10, 1fr);
}
.grid--11cols\@lg {
grid-template-columns: repeat(11, 1fr);
}
.grid--12cols\@lg {
grid-template-columns: repeat(12, 1fr);
}
.grid__item--1col\@lg {
grid-column: span 1;
}
.grid__item--2cols\@lg {
grid-column: span 2;
}
.grid__item--3cols\@lg {
grid-column: span 3;
}
.grid__item--4cols\@lg {
grid-column: span 4;
}
.grid__item--5cols\@lg {
grid-column: span 5;
}
.grid__item--6cols\@lg {
grid-column: span 6;
}
.grid__item--7cols\@lg {
grid-column: span 7;
}
.grid__item--8cols\@lg {
grid-column: span 8;
}
.grid__item--9cols\@lg {
grid-column: span 9;
}
.grid__item--10cols\@lg {
grid-column: span 10;
}
.grid__item--11cols\@lg {
grid-column: span 11;
}
.grid__item--12cols\@lg {
grid-column: span 12;
}
}
@media only screen and (min-width:112em) {
.grid--2cols\@xl {
grid-template-columns: repeat(2, 1fr);
}
.grid--3cols\@xl {
grid-template-columns: repeat(3, 1fr);
}
.grid--4cols\@xl {
grid-template-columns: repeat(4, 1fr);
}
.grid--5cols\@xl {
grid-template-columns: repeat(5, 1fr);
}
.grid--6cols\@xl {
grid-template-columns: repeat(6, 1fr);
}
.grid--7cols\@xl {
grid-template-columns: repeat(7, 1fr);
}
.grid--8cols\@xl {
grid-template-columns: repeat(8, 1fr);
}
.grid--9cols\@xl {
grid-template-columns: repeat(9, 1fr);
}
.grid--10cols\@xl {
grid-template-columns: repeat(10, 1fr);
}
.grid--11cols\@xl {
grid-template-columns: repeat(11, 1fr);
}
.grid--12cols\@xl {
grid-template-columns: repeat(12, 1fr);
}
.grid__item--1col\@xl {
grid-column: span 1;
}
.grid__item--2cols\@xl {
grid-column: span 2;
}
.grid__item--3cols\@xl {
grid-column: span 3;
}
.grid__item--4cols\@xl {
grid-column: span 4;
}
.grid__item--5cols\@xl {
grid-column: span 5;
}
.grid__item--6cols\@xl {
grid-column: span 6;
}
.grid__item--7cols\@xl {
grid-column: span 7;
}
.grid__item--8cols\@xl {
grid-column: span 8;
}
.grid__item--9cols\@xl {
grid-column: span 9;
}
.grid__item--10cols\@xl {
grid-column: span 10;
}
.grid__item--11cols\@xl {
grid-column: span 11;
}
.grid__item--12cols\@xl {
grid-column: span 12;
}
}
.group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5em;
}
.group--space-between {
justify-content: space-between;
}
.group--align-start {
align-items: start;
}
.group--gap-xxs {
gap: 0.25em;
}
.group--gap-xs {
gap: 0.5em;
}
.group--gap-sm {
gap: 0.75em;
}
.group--gap-md {
gap: 1em;
}
.group--gap-lg {
gap: 1.5em;
}
.group--gap-xl {
gap: 2em;
}
.group--gap-xxl {
gap: 3em;
}
.group--gap-3xl {
gap: 4em;
}
.group--gap-h-xxs {
column-gap: 0.25em;
}
.group--gap-h-xs {
column-gap: 0.5em;
}
.group--gap-h-sm {
column-gap: 0.75em;
}
.group--gap-h-md {
column-gap: 1em;
}
.group--gap-h-lg {
column-gap: 1.5em;
}
.group--gap-h-xl {
column-gap: 2em;
}
.group--gap-h-xxl {
column-gap: 3em;
}
.group--gap-h-3xl {
column-gap: 4em;
}
.group--gap-v-xxs {
row-gap: 0.25em;
}
.group--gap-v-xs {
row-gap: 0.5em;
}
.group--gap-v-sm {
row-gap: 0.75em;
}
.group--gap-v-md {
row-gap: 1em;
}
.group--gap-v-lg {
row-gap: 1.5em;
}
.group--gap-v-xl {
row-gap: 2em;
}
.group--gap-v-xxl {
row-gap: 3em;
}
.group--gap-v-3xl {
row-gap: 4em;
}
.row {
display: grid;
row-gap: 1em;
margin-bottom: 2em;
grid-template-columns: 1fr;
}
.row > .bottom {
display: none;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-3x1,
.col-md-3x2,
.col-md-4x1,
.col-md-4x2 {
grid-column: span 1;
min-width: 0; /* https://stackoverflow.com/a/43312314 */
}
@media only screen and (min-width:60em) {
.row {
grid-template-columns: repeat(60, 1fr);
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-3x1,
.col-md-3x2,
.col-md-4x1,
.col-md-4x2 {
margin-right: 1em;
}
.col-md-1 {
grid-column: span 60;
}
.col-md-2 {
grid-column: span 30;
}
.col-md-3 {
grid-column: span 20;
}
.col-md-4 {
grid-column: span 15;
}
.col-md-5 {
grid-column: span 12;
}
.col-md-3x1 {
grid-column: span 20;
}
.col-md-3x2 {
grid-column: span 40;
}
.col-md-4x1 {
grid-column: span 15;
}
.col-md-4x2 {
grid-column: span 30;
}
}
.stack {
display: block;
}
.stack__item {
margin-bottom: 1em;
}
.stack__item--gap-xxs {
margin-bottom: 0.25em;
}
.stack__item--gap-xs {
margin-bottom: 0.5em;
}
.stack__item--gap-sm {
margin-bottom: 0.75em;
}
.stack__item--gap-md {
margin-bottom: 1em;
}
.stack__item--gap-lg {
margin-bottom: 1.5em;
}
.stack__item--gap-xl {
margin-bottom: 2em;
}
.stack__item--gap-xxl {
margin-bottom: 3em;
}
.stack__item--gap-3xl {
margin-bottom: 4em;
}
.stack__item:last-child {
margin-bottom: 0;
}
.wideContent {
overflow-x: auto;
margin-bottom: 1em;
}
.wideContent > :last-child {
margin-bottom: 0;
}
.webauthor__inner,
.footer__inner,
.body__inner,
.horizontalmenu__inner,
.header__wrapper {
max-width: var(--pageWidth);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.header,
.footer,
.body,
.webauthor {
display: block;
overflow: hidden;
}
.body,
.footer,
.webauthor {
padding-left: var(--space-20);
padding-right: var(--space-20);
}
.body {
background-color: var(--color-background);
}
/*** HEADER ***/
.header {
background-color: var(--color-background-opacity);
border-bottom: 0.5px solid var(--color-border);
position: relative;
z-index: 3;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
position: fixed;
top: 0;
left: 0;
right: 0;
}
.header__wrapper {
display: flex;
justify-content: space-between;
}
.headerItems {
padding: var(--space-20) 0;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
column-gap: var(--space-15-40);
}
.menu-switcher-container {
width: 100%;
}
.logo {
display: flex;
}
.logo__text {
display: flex;
flex-direction: column;
}
.logo__image .image {
max-width: 250px;
max-height: 72px;
object-fit: contain;
width: auto;
}
@media only screen and (max-width: 60em) {
.headerItems .logo {
width: 72%;
column-gap: 1em;
}
.headerItems {
padding: var(--space-15) var(--space-20);
}
.headerItems .logo__name {
font-size: var(--size-16-24);
}
.logo__subtitle {
font-size: var(--size-12);
}
.logo__image .image {
max-height: 30px;
}
.header__inner {
width: 100%;
}
.header {
position: static;
background-color: var(--color-background);
}
}
/*** SWITCHER MENU ***/
.headerItems .menu-switcher {
display: block;
}
.headerItems .menu-switcher__button {
padding: 0.3rem 0.6rem;
background: var(--color-primary);
}
.headerItems .main-menu--top {
margin-top: var(--space-10);
border-radius: var(--radius-10);
background: var(--color-primary);
color: var(--color-white);
}
.headerItems .main-menu__item-arrow {
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(10%) hue-rotate(174deg) brightness(102%) contrast(103%);
}
@media only screen and (min-width: 60em) {
.headerItems .menu-switcher {
display: none;
}
}
@media only screen and (min-width: 60em) {
.headerItems .menu-switcher-container {
height: 0;
transform: scaleY(0);
}
}
/*** HORIZONTAL MENU ***/
.horizontalmenu {
display: none;
}
.horizontalmenu__inner {
display: none;
}
.horizontalmenu .horizontalmenu__item {
flex: none;
height: 100%;
}
.horizontalmenu .horizontalmenuLink {
padding: 0;
height: 100%;
}
.horizontalmenu .horizontalmenuLink__label {
font-weight: 500;
font-size: var(--size-16);
justify-content: center;
align-items: center;
display: flex;
font-family: 'Inter', sans-serif;
text-decoration: none !important;
}
.horizontalmenu__inner .m0_0 a {
color: var(--color-white);
transition: color 0.3s ease;
}
.horizontalmenu__inner .m0_0 a:hover,
.horizontalmenu__inner .m0_0 a:active,
.horizontalmenu__inner .m0_0 a:focus,
.horizontalmenu__inner .horizontalmenuLink--active {
color: var(--color-primary);
}
@media only screen and (min-width: 60em) {
.horizontalmenu {
display: flex;
justify-content: center;
}
.horizontalmenu .horizontalmenu__item {
flex: 0 auto;
}
.horizontalmenu__inner {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
gap: var(--space-30);
}
}
/** CONTENT **/
.content {
padding-top: var(--space-20-140);
padding-bottom: var(--space-20-60);
}
/** FOOTER **/
.footerItems .sluzby__content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-40);
row-gap: var(--space-60);
}
.footerItems .sluzby__content > :nth-child(3) {
grid-column: 1 / -1;
padding: 0;
}
.footerItems .sluzby__content > :nth-child(3) p {
margin: 0;
}
.footerItems .sluzby__content > :nth-child(3) iframe {
border-radius: 6px;
opacity: 0.8;
}
.footerItems .contact-adresa p {
color: var(--color-card-text);
}
.footerItems h3 {
color: var(--color-white);
margin-bottom: var(--space-5);
font-size: 1.4rem;
font-weight: 600;
}
.footerItems a {
font-size: 1.15rem;
}
.footerItems p {
margin-bottom: 0;
font-size: 1.15rem;
}
.contact__text {
display: flex;
flex-direction: column;
}
.contact-email {
margin-bottom: var(--space-25);
}
.sluzby .contact-phone,
.sluzby .contact-email,
.sluzby .contact-adresa {
display: inline-flex;
padding-left: 0;
}
.contact-phone::before,
.contact-adresa::before,
.contact-email::before {
content: "";
display: inline-block;
width: 40px;
height: 40px;
margin-right: var(--space-20);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
background-color: var(--color-icon);
background-size: 30px;
background-position: center;
border-radius: 50%;
padding: 0.70rem;
}
@media only screen and (max-width: 60em) {
.contact-phone::before,
.contact-adresa::before,
.contact-email::before {
width: 30px;
height: 30px;
}
}
.contact-adresa::before {
background-image: url(../img/adresa.svg);
}
.contact-phone::before {
background-image: url(../img/phone.svg);
}
.contact-email::before {
background-image: url(../img/email.svg);
}
.footerItems .sluzby {
padding: var(--space-35) var(--space-25);
}
.webauthor {
background-color: var(--color-background);
}
.webauthor__inner {
padding: var(--space-20) 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.webauthor__inner a,
.webauthor__inner {
color: var(--color-card-text);
font-size: var(--size-16);
}
.webauthor__content a {
text-decoration: none;
transition: color 0.3s ease;
}
.webauthor__content a:hover,
.webauthor__content a:active,
.webauthor__content a:focus {
color: var(--color-primary);
}
.button {
display: inline-block;
padding: 0.5em 1em;
box-sizing: border-box;
margin-bottom: 1px;
font: inherit;
font-weight: normal;
background-color: #1779ba;
font-size: 100%;
border-radius: 0.25em;
border: none;
cursor: pointer;
text-decoration: none;
box-shadow: 0 -0.125em 0 rgba(0, 0, 0, 0.2) inset;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.button,
.button:hover,
.button:focus,
.button:active,
.button:visited {
color: #ffffff;
}
.button:hover,
.button:focus,
.button:active {
text-decoration: underline;
}
.button:active {
box-shadow: none;
}
.button--xsmall {
font-size: 75%;
}
.button--small {
font-size: 87.5%;
}
.button--large {
font-size: 112.5%;
}
.button--xlarge {
font-size: 125%;
}
.button--wide {
display: block;
margin-bottom: 0;
}
/* calendar */
.calendar {
width: 100%;
border: 1px solid #B4B4B4;
}
.calendar .td_date {
width: 20%;
text-align: right;
vertical-align: top;
}
.calendar .td_date .day {
font-size: 150%;
float: right;
margin: 0 5px 0 0;
}
.calendar .td_date .monthyear {
float: right;
text-align: left;
}
.calendar .td_date .year {
font-size: 80%;
color: #999;
}
.calendar .td_desc {
width: 80%;
vertical-align: top;
}
/* widget calendar */
.wg_calendar {
position: relative;
padding-top: 3.25em;
}
.wg_cal_table {
font-size: 100%;
table-layout: fixed;
width: 100%;
margin-bottom: 1em;
}
.wg_cal_navi {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
}
.wg_cal_navi td {
color: inherit;
font-weight: bold;
text-align: center;
padding: 0.85em 0;
display: block;
}
.wg_cal_navi td:first-child,
.wg_cal_navi td:last-child {
display: none;
}
.wg_cal_navi td:nth-child(2),
.wg_cal_navi td:nth-child(4) {
position: absolute;
top: 0;
bottom: 0;
width: 36px;
overflow: hidden;
}
.wg_cal_navi td:nth-child(2) a,
.wg_cal_navi td:nth-child(4) a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-position: center center;
background-repeat: no-repeat;
overflow: hidden;
padding-left: 36px;
box-sizing: border-box;
}
.wg_cal_navi td:nth-child(2) {
left: 0;
}
.wg_cal_navi td:nth-child(4) {
right: 0;
}
.wg_cal_navi td:first-child a,
.wg_cal_navi td:last-child a {
display: none;
}
.wg_cal_th {
width: 100%;
height: 100%;
display: block;
font-weight: bold;
text-align: center;
color: #fff;
font-size: 150%;
line-height: 1;
text-decoration: none;
}
.wg_cal_days td {
font-weight: bold;
}
.wg_cal_navi_month {
text-decoration: none;
}
.wg_cal_navi_month:hover,
.wg_cal_navi_month:focus,
.wg_cal_navi_month:active {
text-decoration: underline;
}
.wg_cal_td {
text-align: right;
padding: 0.85em 3px;
font-size: 87.5%;
position: relative;
}
.wg_cal_td_a {
display: block;
text-align: inherit;
text-decoration: none;
font-weight: bold;
padding: 0.85em 3px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-sizing: border-box;
}
.wg_cal_td_a:hover,
.wg_cal_td_a:focus,
.wg_cal_td_a:active {
text-decoration: underline;
}
/* canteen */
.canteen_table {
width: 100%;
border: 1px solid #B4B4B4;
}
.tr_day {
background: #ECECEC;
}
.tr_day h4 {
margin: 4px 0 4px 0;
}
.desc_short {
display: none;
}
.food {
vertical-align: top;
}
.td_typefood {
width: 20%;
vertical-align: top;
}
.td_quantity {
text-align: right;
width: 10%;
vertical-align: top;
}
.td_title {
width: 55%;
}
.td_price {
width: 10%;
}
.td_price {
width: 5%;
}
.td_po {
vertical-align: top;
}
.legendtitle {
font-size: 120%;
font-weight: bold;
}
.food_type {
margin: 10px 10px 0 10px;
padding: 0 10px;
font-size: 90%;
font-weight: bold;
}
.food_title {
margin: 0 10px;
padding: 0 10px;
}
.food_next {
text-align: right;
}
.alg {
cursor: help;
border-bottom: 1px dotted #000;
}
.contextMenu,
.contextMenu__header,
.contextMenu__items,
.contextMenu__item,
.contextMenu__subitems,
.contextMenu__subitem,
.contextMenuLink,
.contextMenuLink__icon,
.contextMenuLink__label {
display: block;
}
.contextMenu__header {
margin-bottom: 0.25em;
}
.contextMenu__items,
.contextMenu__subitems {
margin: 0;
list-style: none;
}
.contextMenu__subitems {
margin-left: 1em;
}
.contextMenu__item {
margin-bottom: 0.25em;
}
.contextMenu__item:last-child {
margin-bottom: 0;
}
.contextMenuLink {
display: flex;
text-decoration: none;
color: inherit;
gap: 1em;
padding: 0.5em 1em;
}
.contextMenuLink__icon {
background-repeat: no-repeat;
background-position: center center;
}
.contextMenuLink--current .contextMenuLink__label,
.contextMenuLink:hover .contextMenuLink__label,
.contextMenuLink:focus .contextMenuLink__label,
.contextMenuLink:active .contextMenuLink__label {
text-decoration: underline;
}
.contextMenuLink__label {
flex: 1;
}
.contextMenu__subitem .contextMenuLink__label {
font-size: 87.5%;
}
/* global content footer (send and print) */
.content .confoot1 {
clear: both;
color: gray;
margin-top: 2em;
}
.content .confoot2 {
clear: both;
text-align: right;
}
.content .confoot2 span {
position: relative;
left: 3px;
bottom: 4px;
}
.content .confoot2 a {
text-decoration: none;
}
.content .confoot2 img {
width: 18px;
}
/* CONTENT */
.content .cimg {
float: left;
}
.content .methodone.cperex {
margin: 1em 0;
font-weight: bold;
}
.content .methodone.cimg {
margin: 0.5em 1em 0.5em 0;
}
.content .methodtwo.ctitle {
clear: both;
margin: 1em 0 0 0;
font-size: 112.5%;
font-weight: bold;
}
.content .methodtwo.cperex {
margin: 0.5em 0 1em 0;
}
.content .methodtwo.cimg {
margin: 0.5em 1em 0.5em 0;
}
.content table {
border-collapse: collapse;
margin-bottom: 1em;
}
.content th {
padding: 0.5em;
background: #ECECEC;
}
.content td {
padding: 0.5em 1em;
border: 1px solid #555555;
}
.content .tr_zebra1 {
background: white;
border-bottom: 1px dotted #B4B4B4;
}
.content .tr_zebra2 {
background: white;
border-bottom: 1px dotted #B4B4B4;
}
.content .tr_over2 {
background: #F6F6F6;
}
.content table.bordernone td {
border: none;
}
.content table.noborder td {
border: none;
}
.content blockquote {
margin: 2em;
padding: 0.625em 2em;
border-left: 0.5em solid #dddddd;
}
/* dashboard */
.contribution {
border: 1px solid #B4B4B4;
background: white;
text-align: center;
padding: 0 20px 20px 20px;
margin: 0 0 30px 0;
box-shadow: 5px 5px 2px #D0D0D0;
}
.contribution .pin {
width: 40px;
position: relative;
left: -10px;
top: -15px;
}
.contribution p {
text-align: left;
}
.contribution .owner {
float: right;
position: relative;
top: 10px;
left: -10px;
color: #999;
}
.contribution .date {
float: left;
position: relative;
top: 10px;
color: #999;
}
.contribution .cb_box {
text-align: left;
}
/* epodatelna */
.epodinput {
width: 96%;
}
/* feedback box */
.feedback-box {
position: fixed;
right: 0;
top: 50%;
margin: 60px 0 0 0;
height: 200px;
width: 48px;
z-index: 80;
}
a .feedback {
width: 50px;
height: 96px;
background: url(/img/feedback.png) no-repeat left;
border: 1px solid #ACACAC;
}
a:hover .feedback {
background: url(/img/feedback.png) no-repeat right;
border: 1px solid #7EB4EA;
}
/* files */
.files {
width: 100%;
border: 1px solid #B4B4B4;
}
.files_headers {
background: #ECECEC;
border-top: 1px solid #B4B4B4;
border-bottom: 1px solid #B4B4B4;
}
.files .icon_file img {
width: 30px;
}
.files .filename {
font-size: 80%;
color: #555555;
}
.files .file_desc {
font-size: 80%;
}
.footerItem,
.footerItem__title,
.footerItem__label,
.footerItem__content {
display: block;
}
.footerItem__title {
margin-bottom: 1em;
}
.footerItem__label {
margin-bottom: 0;
font-size: 150%;
color: inherit;
}
.footerItem__content {
margin-bottom: 0;
}
.footerItem__content table td,
.footerItem__content table th {
padding: 0 1em 0 0;
}
.footerItem__content table td:last-child,
.footerItem__content table th:last-child {
padding: 0;
}
/* FORUM */
.forum {
width: 100%;
border: 1px solid #B4B4B4;
}
.forum_headers {
background: #ECECEC;
border-top: 1px solid #B4B4B4;
border-bottom: 1px solid #B4B4B4;
}
.forum_theme {
background-color: #F8FCFE;
}
.forum_article {
border: 1px solid #B4B4B4;
background-color: #F8FCFE;
float: right;
clear: both;
text-align: left;
padding: 8px;
margin: 5px 0 5px 0;
width: 97%;
}
.dis_vminus_div {
width: 20px;
height: 24px;
float: right;
display: block;
background: url(/templates/mod/forum/img/like_w40.png) top right;
margin: 0 0 0 5px;
}
.dis_vplus_div {
width: 20px;
height: 24px;
float: right;
display: block;
background: url(/templates/mod/forum/img/like_w40.png);
}
.for_insert_theme {
width: 98%;
border: none;
}
.for_insert_theme .for_subject {
width: 100%;
}
.for_insert_theme .for_body {
width: 100%;
height: 100px;
}
.for_insert_theme .for_owner {
width: 90%;
}
.for_insert_theme .for_email {
width: 100%;
}
.for_insert_article {
width: 98%;
border: none;
}
.for_insert_article .for_subject {
width: 100%;
}
.for_insert_article .for_body {
width: 100%;
height: 100px;
}
.for_insert_article .for_owner {
width: 90%;
}
.for_insert_article .for_email {
width: 100%;
}
.image {
display: block;
max-width: 100%;
height: auto;
}
.image--centered {
margin-left: auto;
margin-right: auto;
}
.logo {
display: inline-flex;
flex-wrap: wrap;
text-decoration: none;
color: inherit;
align-items: center;
column-gap: 2em;
row-gap: 0.5em;
}
.logo__text {
flex: 1;
}
.logo__name {
font-size: 125%;
font-weight: bold;
}
.logo__motto {
font-size: 87.5%;
font-weight: normal;
font-style: italic;
}
.logo:hover .logo__name,
.logo:focus .logo__name,
.logo:active .logo__name {
text-decoration: underline;
}
.horizontalmenu > .container {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
}
.horizontalmenu,
.horizontalmenu__item,
.horizontalmenuLink,
.horizontalmenuLink__icon,
.horizontalmenuLink__label {
display: block;
}
.horizontalmenu__item,
.horizontalmenu__submenu {
flex: 1;
position: relative;
}
.horizontalmenu__submenu {
--horizontalmenu-submenuPadding: 0;
--horizontalmenu-submenuOffset: 0;
--horizontalmenu-submenuShadow: none;
display: block;
position: absolute;
background: pink;
top: calc(100% - 0.8em);
padding: 0;
margin: 0;
overflow: hidden;
height: 0;
width: 0;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.horizontalmenu__item:has(:hover) .horizontalmenu__submenu,
.horizontalmenu__item:has(:focus) .horizontalmenu__submenu,
.horizontalmenu__item:has(:focus-within) .horizontalmenu__submenu,
.horizontalmenu__item:has(:active) .horizontalmenu__submenu,
.horizontalmenu__submenu:has(:hover),
.horizontalmenu__submenu:has(:focus),
.horizontalmenu__submenu:has(:focus-within),
.horizontalmenu__submenu:has(:active) {
width: auto;
height: auto;
overflow: visible;
z-index: 10;
padding: var(--horizontalmenu-submenuPadding);
box-shadow: var(--horizontalmenu-submenuShadow);
margin-top: var(--horizontalmenu-submenuOffset);
}
.horizontalmenu__item:has(:hover) .horizontalmenu__submenu:before,
.horizontalmenu__item:has(:focus) .horizontalmenu__submenu:before,
.horizontalmenu__item:has(:focus-within) .horizontalmenu__submenu:before,
.horizontalmenu__item:has(:active) .horizontalmenu__submenu:before,
.horizontalmenu__submenu:has(:hover):before,
.horizontalmenu__submenu:has(:focus):before,
.horizontalmenu__submenu:has(:focus-within):before,
.horizontalmenu__submenu:has(:active):before {
content: "";
display: block;
height: var(--horizontalmenu-submenuOffset);
width: 100%;
position: absolute;
top: calc(-1 * var(--horizontalmenu-submenuOffset));
left: 0;
right: 0;
}
.horizontalmenuLink {
display: flex;
text-decoration: none;
color: inherit;
gap: 1em;
padding: 1em;
flex: 1;
}
.horizontalmenuLink:hover .horizontalmenuLink__label,
.horizontalmenuLink:focus .horizontalmenuLink__label,
.horizontalmenuLink:active .horizontalmenuLink__label {
text-decoration: underline;
}
.horizontalmenuLink__label {
text-align: center;
flex: 1;
}
/* login */
.login {
text-align: center;
}
.login .log_nadpis {
margin: 50px 0 0 0;
}
.login .log_box {
margin: 0% auto;
width: 300px;
padding: 10px;
text-align: left;
}
.login .log_form {
margin: 10px;
text-align: right;
}
.log_login,
.log_pass,
.log_sub {
margin: 7px 0 0 0;
}
.logged {
padding: 7px;
}
.log_cntnews {
color: #FF0000;
}
/* login - userpage */
.userpage .for_insert_theme td {
border: none;
}
.userpage .acount_dashboard td {
border: none;
}
.userpage .forum td {
border: 1px solid #B4B4B4
}
.userpage .files td {
border: 1px solid #B4B4B4
}
.navigation {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
align-items: center;
}
.navigation__item,
.navigation__separator {
font-size: 87.5%;
}
.navigation__item {
color: inherit;
text-decoration: none;
box-sizing: border-box;
}
.navigation__item:hover,
.navigation__item:focus,
.navigation__item:active {
text-decoration: underline;
}
.photogallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 0.5em;
}
.photogallery__item {
display: block;
height: 100%;
box-sizing: border-box;
}
.photogalleryItem {
position: relative;
height: 100%;
box-sizing: border-box;
}
.photogalleryItem__preview {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.photogalleryItem__previewImage {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.photogalleryItem__description {
margin-top: 0.625em;
margin-bottom: 0.625em;
display: block;
}
.photogalleryItem__name {
color: inherit;
text-decoration: none;
font-weight: bold;
}
.photogalleryItem__date {
font-size: 87.5%;
color: gray;
display: block;
margin-top: 0.375em;
}
.photogalleryItem--gallery-default .photogalleryItem__preview {
background: #eee;
padding: 1em 0;
}
.photogalleryItem__name:hover,
.photogalleryItem__name:focus,
.photogalleryItem__name:active,
.photogalleryItem:has(.photogalleryItem__preview:hover) .photogalleryItem__name,
.photogalleryItem:has(.photogalleryItem__preview:focus) .photogalleryItem__name,
.photogalleryItem:has(.photogalleryItem__preview:active) .photogalleryItem__name {
text-decoration: underline;
}
.photogalleryTitle {
text-align: center;
font-weight: bold;
margin: 0;
padding: 1em 0;
}
/* POLLS */
.poll {
padding: 10px;
margin: 10px;
width: 204px;
color: black;
}
.poll a {
}
.poll_title {
}
.poll_wallfull {
background: #E1E1E1;
height: 6px;
}
.poll_wall {
background: #B4B4B4;
height: 6px;/*width:$p%;  - v scripts/poll.php */
}
.post {
display: flex;
flex-direction: column;
row-gap: 1em;
column-gap: 1.5em;
}
.post__image,
.post__content,
.post__title,
.post__date,
.post__perex {
display: block;
}
.post__content {
flex: 1;
position: relative;
}
.post__title {
font-weight: bold;
font-size: 150%;
margin-bottom: 0.5em;
}
.post__title:last-child {
margin-bottom: 0;
}
.post__link {
display: inline-block;
color: inherit;
text-decoration: none;
}
.post__link:hover,
.post__link:focus,
.post__link:active {
text-decoration: underline;
}
.post__date {
color: gray;
font-size: 87.5%;
margin-bottom: 1em;
}
.post__perex {
font-size: 87.5%;
}
.post--horizontal {
flex-direction: row;
}
@media only screen and (min-width:30em) {
.post--horizontal\@xs {
flex-direction: row;
}
}
@media only screen and (min-width:40em) {
.post--horizontal\@sm {
flex-direction: row;
}
}
@media only screen and (min-width:60em) {
.post--horizontal\@md {
flex-direction: row;
}
}
@media only screen and (min-width:75em) {
.post--horizontal\@lg {
flex-direction: row;
}
}
@media only screen and (min-width:112em) {
.post--horizontal\@xl {
flex-direction: row;
}
}
/* quiz/test */
.pcenter {
text-align: center;
}
.pcenter a {
font-weight: bold;
}
.pq {
margin: 20px 10px 20px 10px;
}
.quizHeader {
margin: 20px 0 5px 0;
}
/* mapa webu */
.map1 {
margin: 4px 0 4px 5px;
font-weight: bold;
}
.map1_0 {
margin: 10px 0 4px 20px;
}
.map1_1 {
margin: 4px 0 4px 40px;
}
.map1_2 {
margin: 2px 0 2px 60px;
}
.map1_3 {
margin: 2px 0 2px 80px;
}
.map1_4 {
margin: 2px 0 2px 100px;
}
.map1_5 {
margin: 2px 0 2px 120px;
}
.siteMenu,
.siteMenu__item,
.siteMenuLink,
.siteMenuLink__icon,
.siteMenuLink__label {
display: block;
}
.siteMenu__title {
margin-bottom: 0;
}
.siteMenu__items {
margin: 0;
list-style: none;
}
.siteMenu__item {
margin-bottom: 0.25em;
}
.siteMenu__item:last-child {
margin-bottom: 0;
}
.siteMenuLink {
display: flex;
text-decoration: none;
color: inherit;
gap: 1em;
padding: 0.5em 1em;
}
.siteMenuLink:hover .siteMenuLink__label,
.siteMenuLink:focus .siteMenuLink__label,
.siteMenuLink:active .siteMenuLink__label {
text-decoration: underline;
}
.siteMenuLink__icon {
background-repeat: no-repeat;
background-position: center center;
}
.siteMenuLink__label {
flex: 1;
}
/* teachers */
.ucitele {
width: 100%;
border: 1px solid #B4B4B4;
}
.toolbar {
display: block;
gap: 0 1rem;
flex-wrap: wrap;
justify-content: space-between;
}
@media only screen and (min-width: 60em) {
.toolbar {
display: flex;
}
.toolbar__right:first-child {
margin-left: auto;
}
}
.contact-phone,
.contact-mobile,
.contact-email,
.contact-fax,
.contact-hours,
.contact-datova-schranka,
.contact-web {
display: inline-block;
min-height: 20px;
background: transparent no-repeat top left;
margin-right: 1em;
padding-left: 30px;
word-break: break-all;
}
.main-menu {
width: 100%;
box-sizing: border-box;
}
.main-menu__items {
list-style: none;
margin: 0;
margin-left: 2em;
box-sizing: border-box;
}
.main-menu--top > .main-menu__items {
margin-left: 0;
}
.main-menu__item-wrapper {
display: block;
position: relative;
}
.main-menu__item-arrow {
display: block;
position: absolute;
right: 0;
top: 50%;
background: transparent;
border: none;
box-sizing: border-box;
width: 2em;
height: 2em;
padding: 0;
margin: 0;
margin-top: -1em;
font-weight: bold;
font: inherit;
color: inherit;
cursor: pointer;
background: url('/img/chevron-right-white.svg') no-repeat center center;
background-size: 1em;
}
.main-menu--submenu {
height: 0;
overflow: hidden;
}
.main-menu__item--opened > .main-menu--submenu {
height: auto;
overflow: visible;
}
.main-menu__item--opened > .main-menu__item-wrapper > .main-menu__item-arrow {
transform: rotate(90deg);
}
/* LINK */
.main-menu-link,
.main-menu-link__icon,
.main-menu-link__label {
display:  block;
box-sizing: border-box;
}
.main-menu-link {
text-decoration: none;
color: inherit;
display: flex;
align-items: center;
}
.main-menu-link__label {
padding: 0.75em;
flex: 1;
}
.main-menu-link {
position: relative;
}
.main-menu--submenu .main-menu-link:before {
content: "";
width: 0.5em;
height: 0.5em;
background: currentColor;
display: block;
position: absolute;
border-radius: 50%;
left: -0.375em;
}
.main-menu-link:hover > .main-menu-link__label,
.main-menu-link:focus > .main-menu-link__label,
.main-menu-link:active > .main-menu-link__label {
text-decoration: underline;
color: inherit;
}
.main-menu-link--active,
.main-menu-link--current {
font-weight: bold;
}
.menu-switcher-container {
display: block;
width: 100%;
height: 0px;
overflow: hidden;
transform: scaleY(0);
transform-origin: top;
transition: transform 0.26s ease;
}
.menu-switcher-container--active {
height: auto;
transform: scaleY(1);
}
.menu-switcher,
.menu-switcher__button,
.menu-switcher__icon,
.menu-switcher__label {
display: block;
box-sizing: border-box;
}
.menu-switcher__icon {
margin: 0 auto;
}
.menu-switcher__button {
text-align: center;
cursor: pointer;
border: none;
border-radius: 0.5em;
background: #333;
color: #fff;
padding: 0.25em 0.5em;
}
.menu-switcher__label {
font-weight: bold;
font-size: 112.5%;
text-decoration: none;
}
.menu-switcher__button:hover .menu-switcher__label,
.menu-switcher__button:focus .menu-switcher__label {
text-decoration: underline;
}
.content .tr_zebra1 {
border: none;
}
.content .tr_zebra2 {
border: none;
}
.content table {
--table-borderRadius: 0;
--table-headerBackground: gray;
--table-headerColor: #fff;
--table-headerFontWeight: bold;
--table-headerFontSize: 1rem;
--table-headerCellPadding: 1rem;
--table-bodyPrimaryBackground: #fff;
--table-bodyPrimaryColor: #000;
--table-bodySecondaryBackground: #eee;
--table-bodySecondaryColor: #000;
--table-bodyHoverBackground: color-mix(in srgb, #000 3%, var(--table-bodyPrimaryBackground));
--table-bodyHoverColor: #000;
--table-bodyFontSize: 1rem;
--table-bodyCellPadding: 0.75rem 1rem;
--table-cellPadding: var(--table-bodyCellPadding);
--table-cellBackground: var(--table-bodyPrimaryBackground);
--table-cellColor: var(--table-bodyPrimaryColor);
--table-cellFontSize: var(--table-bodyFontSize);
--table-cellFontWeight: normal;
border: none;
border-collapse: collapse;
}
.content th,
.content td {
padding: var(--table-cellPadding);
background: var(--table-cellBackground);
color: var(--table-cellColor);
font-size: var(--table-cellFontSize);
font-weight: var(--table-cellFontWeight);
border: none;
}
.content th {
--table-cellPadding: var(--table-headerCellPadding);
--table-cellBackground: var(--table-headerBackground);
--table-cellColor: var(--table-headerColor);
--table-cellFontSize: var(--table-headerFontSize);
--table-cellFontWeight: var(--table-headerFontWeight);
}
.content table > :first-child > :first-child > td:first-child,
.content table > :first-child > :first-child > th:first-child {
border-top-left-radius: var(--table-borderRadius);
}
.content table > :first-child > :first-child > td:last-child,
.content table > :first-child > :first-child > th:last-child {
border-top-right-radius: var(--table-borderRadius);
}
.content table > :last-child > :last-child > td:first-child,
.content table > :last-child > :last-child > th:first-child {
border-bottom-left-radius: var(--table-borderRadius);
}
.content table > :last-child > :last-child > td:last-child,
.content table > :last-child > :last-child > th:last-child {
border-bottom-right-radius: var(--table-borderRadius);
}
.content tbody tr:nth-child(even) {
--table-bodyHoverBackground: color-mix(in srgb, #000 3%, var(--table-bodySecondaryBackground));
--table-cellBackground: var(--table-bodySecondaryBackground);
--table-cellColor: var(--table-bodySecondaryColor);
}
.content tbody tr.tr_over:hover {
--table-cellBackground: var(--table-bodyHoverBackground);
--table-cellColor: var(--table-bodyHoverColor);
}
.input {
box-sizing: border-box;
font: inherit;
font-weight: normal;
}
.input[type=text],
.input[type=password],
.input[type=file],
.input[type=email],
.input[type=number],
.input[type=date],
.input[type=datetime-local] {
padding: 0.25em 0.5em;
}
.input[type=text],
.input[type=password],
.input[type=file],
.input[type=email],
.input[type=number] {
width: 100%;
}
.select {
box-sizing: border-box;
font: inherit;
font-weight: normal;
padding: 0.25em 0.5em;
}
.textarea {
box-sizing: border-box;
font: inherit;
font-weight: normal;
padding: 0.25em 0.5em;
width: 100%;
resize: vertical;
}
/*** SLIDESHOW ***/
.homepage-slideshow {
position: relative;
}
.homepageSliderItem {
position: relative;
background-color: var(--color-background);
}
.homepageSliderItem::before{
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgb(20, 25, 31) 100%);
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
}
.homepageSliderItem__image,
.homepageSliderItem__image--video video {
display: block;
width: 100%;
height: calc(100vh);
object-fit: cover;
aspect-ratio: unset;
background-position: 50% 37%;
background-repeat: no-repeat;
background-size: cover;
animation: kenburns 20s ease-out infinite alternate;
opacity: 0.7;
}
.homepageSliderItem__image:before,
.homepageSliderItem__image--video video:before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, hsla(213, 22%, 10%, 0.9) 100%);
position: absolute;
top: 0;
left: 0;
z-index: 2;
content: "";
display: block;
width: 100%;
height: 100%;
}
.homepageSliderItem__wrapper {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.homepageSliderItem__overlay {
width: 100%;
max-width: var(--pageWidth);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
display: flex;
justify-content: left;
align-items: flex-end;
position: relative;
height: 100%;
z-index: 10;
bottom: 15%;
}
.homepageSliderItem__box {
width: 100%;
box-sizing: border-box;
position: relative;
text-align: center;
}
.slide__title h1 {
color: var(--color-white);
margin-bottom: 0;
font-size: 4rem;
font-weight: 800;
text-align: center;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.slide__perex {
color: var(--color-white);
font-size: 1.5rem;
font-weight: 600;
margin-top: var(--space-10);
margin-bottom: var(--space-10);
}
.homepageSliderItem__box p {
margin-bottom: 0;
}
.homepageSliderItem__overlay .button-wrapper {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
z-index: 1;
white-space: nowrap;
margin-top: var(--space-15);
}
.slideshow__buttons {
display: flex;
justify-content: center;
gap: var(--space-20);
}
.slideshow__buttons .button:nth-child(2) {
background: var(--color-background);
border: 1px solid var(--color-primary);
color: var(--color-primary);
box-shadow: none;
}
.slideshow__buttons .button:nth-child(2):hover {
background: var(--color-primary);
color: var(--color-background);
transform: scale(1);
}
.slide__tag-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.slide__tag {
display: inline-flex;
justify-content: center;
align-items: center;
background: var(--gradient-primary);
padding: 0.6rem 1.5rem;
border-radius: 50px;
margin-bottom: var(--space-15);
position: relative;
overflow: hidden;
}
.slide__tag::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-right: 0.5rem;
background-image: url(../img/award.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.slide__tag p {
margin-bottom: 2px;
font-weight: 600;
}
.slide__tag:hover::after {
animation: shine 1.5s ease-out forwards;
}
.slide__tag::after {
content: "";
position: absolute;
width: var(--space-100);
height: 100%;
background-image: linear-gradient(
120deg,
rgba(255, 255, 255, 0) 20%,
rgba(255, 255, 255, 0.8),
rgba(255, 255, 255, 0) 80%
);
top: 0;
left: -100px;
opacity: 0.6;
}
@keyframes shine {
0% {
left: -100px;
}
60% {
left: 100%;
}
to {
left: 100%;
}
}
@media only screen and (max-width: 35em) {
.homepageSliderItem {
display: flex;
flex-direction: column;
}
.homepageSliderItem__image,
.homepageSliderItem__image--video video {
order: 1;
height: 100%;
aspect-ratio: 10 / 9;
position: relative;
z-index: 3;
}
.homepageSliderItem__wrapper {
position: relative;
order: 2;
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: flex-start;
padding: 0;
}
.homepageSliderItem__overlay {
position: static;
width: 100%;
max-width: none;
padding: 0;
justify-content: center;
align-items: flex-start;
height: auto;
margin-top: 0;
}
.homepageSliderItem__box {
max-width: 100%;
border-radius: 0;
padding: var(--space-35) var(--space-20) var(--space-35);
background-color: var(--color-secondary);
position: relative;
}
.homepageSliderItem__overlay .button-wrapper {
position: static;
display: inline-block;
transform: translate(0, 0);
}
.hp_button, .hp_button:hover, .hp_button:focus, .hp_button:active, .hp_button:visited {
background-color: var(--color-white);
background-image: var(--color-primary);
font-weight: 500;
}
.homepageSliderItem__box::before {
display: none;
}
.slide__title h1 {
font-size: 2.5rem;
}
.slideshow__buttons {
flex-direction: column;
gap: 0rem;
}
}
@keyframes kenburns {
0% {
transform: scale(1) translate(0, 0);
}
100% {
transform: scale(1.15) translate(-2%, 2%);
}
}
/* BUTTON */
.button {
display: inline-block;
/* background: linear-gradient(to right, rgba(48,173,192,1) 0%, rgba(48,173,192,0) 100%); */
background: var(--gradient-primary);
color: var(--color-background);
border-radius: var(--space-10);
font-weight: 500;
font-size: var(--size-20);
font-family: 'Inter', sans-serif;
margin-top: var(--space-20);
padding: 0.6rem 2rem;
position: relative;
text-decoration: none;
transition: transform 0.3s ease, color 0.3s ease, background 0.3s ease;
box-shadow: var(--shadow-glow);
will-change: transform;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: 5%;
}
/*
.button::after {
content: "";
margin-left: var(--space-10);
width: 18px;
height: 12px;
background-image: url(../img/arrow.svg);
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
transition: transform 0.3s ease;
}
*/
.button:hover,
.button:focus,
.button:active,
.button:visited {
transform: scale(1.05);
text-decoration: none;
color: var(--color-background);
}
.homepageSlider__items .owl-controls {
margin-top: 0 !important;
}
/** NAŠE SLUŽBY **/
.sluzby__wrapper {
position: relative;
padding-top: var(--space-40-80);
padding-bottom: var(--space-40-80);
}
.sluzby__box {
display: flex;
flex-direction: column;
height: 100%;
}
.sluzby__content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-30);
}
.homepage__title {
color: var(--color-white);
margin-bottom: var(--space-50);
text-align: center;
font-size: 2.25rem;
}
.homepage__title::after {
content: "";
display: block;
width: 100%;
max-width: 100px;
height: 4px;
border-radius: 10px;
background-color: var(--color-primary);
margin: 0.75rem auto;
}
.sluzby__wrapper::before {
content: "";
position: absolute;
top: 0;
left: -50vw;
width: 200vw;
height: 100%;
background-color: var(--color-secondary);
z-index: -1;
pointer-events: none;
}
.sluzby {
background-color: var(--color-card);
border: 0.5px solid var(--color-border-2);
padding: var(--space-25);
border-radius: 6px;
}
.sluzby__title {
color: var(--color-card-title);
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0.8rem;
}
.sluzby__perex {
color: var(--color-card-text);
}
.sluzby__image {
background-color: var(--color-icon);
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-bottom: var(--space-20);
transition: background-color 0.3s ease;
}
.sluzby__image img {
width: 32px;
filter: brightness(0) saturate(100%) invert(53%) sepia(76%) saturate(392%) hue-rotate(140deg) brightness(95%) contrast(92%);
}
.sluzby__more {
margin-top: auto;
}
.sluzby__more a {
text-decoration: none;
color: var(--color-primary);
}
.sluzby__more a::after {
content: "";
margin-left: var(--space-10);
width: 18px;
height: 12px;
background-image: url(../img/arrow_b.svg);
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
transition: transform 0.3s ease;
}
.sluzby:hover .sluzby__more a {
transform: scale(1.05);
text-decoration: underline;
}
.sluzby:hover .sluzby__more a::after {
transform: translateX(5px);
}
.sluzby {
transition: transform 0.3s ease;
}
.sluzby:hover {
transform: translateY(-10px);
border: 0.5px solid var(--color-primary-border);
}
.sluzby:hover .sluzby__image {
background-color: var(--color-icon-hover);
}
/** ABOUT **/
.about__box {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-50);
}
.about__wrapper {
position: relative;
padding-top: var(--space-40-80);
padding-bottom: var(--space-40-80);
max-width: 72rem;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.about__wrapper::before {
content: "";
position: absolute;
top: 0;
left: -50vw;
width: 200vw;
height: 100%;
background-color: var(--color-background);
z-index: -1;
pointer-events: none;
}
.about__image {
border-radius: var(--space-15);
}
.about__image .image {
transition: transform 0.5s ease;
}
.about__image .image:hover {
transform: scale(1.1);
}
.about__perex {
color: var(--color-primary);
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 0.4rem;
}
.about__box .about__text {
color: var(--color-white);
line-height: 25px;
}
.about__content-box {
display: flex;
flex-direction: column;
align-items: left;
justify-content: center;
}
.about__box ul {
list-style: none;
display: flex;
gap: 20px;
padding: 0;
margin: 0;
padding-top: var(--space-20);
}
.about__box ul li {
position: relative;
padding-left: 1.5em;
}
.about__box ul li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 0.75em;
height: 0.75em;
border-radius: 50%;
background: var(--color-primary);
}
@media only screen and (max-width: 60em) {
.sluzby__content {
grid-template-columns: repeat(1, 1fr);
}
.footerItems .sluzby__content {
grid-template-columns: repeat(1, 1fr);
gap: var(--space-20);
}
.about__box {
grid-template-columns: repeat(1, 1fr);
}
.about__box ul {
flex-direction: column;
}
.about__box ul li::before {
top: 50%;
}
}
.navigation,
.p_margin.confoot1,
.p_margin.confoot2 {
display: none;
}
.methodone.cperex {
font-size: 1.6rem;
color: var(--color-card-text);
}
.methodone.ctext img {
border-radius: var(--space-20);
}
.photogalleryItem__name {
color: var(--color-white);
}
.photogalleryItem__preview {
border-radius: var(--space-15);
overflow: hidden;
}
.photogalleryItem__preview img {
transition: transform 0.6s ease;
}
.photogalleryItem__preview:hover img {
transform: scale(1.1);
}
.photogalleryItem .photogalleryItem__preview {
position: relative;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
aspect-ratio: 1;
border-radius: var(--radius-10);
}
.photogalleryItem .photogalleryItem__preview img[src*=".svg"],
.photogalleryItem .photogalleryItem__previewImage--placeholder img[src*=".svg"] {
width: 5rem;
height: auto;
}
.photogalleryItem__previewImage {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
@media only screen and (min-width:30em) {
.order-1\@xs {
order: 1;
}
.order-2\@xs {
order: 2;
}
.order-3\@xs {
order: 3;
}
.order-4\@xs {
order: 4;
}
.order-5\@xs {
order: 5;
}
.order-6\@xs {
order: 6;
}
.order-7\@xs {
order: 7;
}
.order-8\@xs {
order: 8;
}
.order-9\@xs {
order: 9;
}
.order-10\@xs {
order: 10;
}
.order-11\@xs {
order: 11;
}
.order-12\@xs {
order: 12;
}
}
@media only screen and (min-width:40em) {
.order-1\@sm {
order: 1;
}
.order-2\@sm {
order: 2;
}
.order-3\@sm {
order: 3;
}
.order-4\@sm {
order: 4;
}
.order-5\@sm {
order: 5;
}
.order-6\@sm {
order: 6;
}
.order-7\@sm {
order: 7;
}
.order-8\@sm {
order: 8;
}
.order-9\@sm {
order: 9;
}
.order-10\@sm {
order: 10;
}
.order-11\@sm {
order: 11;
}
.order-12\@sm {
order: 12;
}
}
@media only screen and (min-width:60em) {
.order-1\@md {
order: 1;
}
.order-2\@md {
order: 2;
}
.order-3\@md {
order: 3;
}
.order-4\@md {
order: 4;
}
.order-5\@md {
order: 5;
}
.order-6\@md {
order: 6;
}
.order-7\@md {
order: 7;
}
.order-8\@md {
order: 8;
}
.order-9\@md {
order: 9;
}
.order-10\@md {
order: 10;
}
.order-11\@md {
order: 11;
}
.order-12\@md {
order: 12;
}
}
@media only screen and (min-width:75em) {
.order-1\@lg {
order: 1;
}
.order-2\@lg {
order: 2;
}
.order-3\@lg {
order: 3;
}
.order-4\@lg {
order: 4;
}
.order-5\@lg {
order: 5;
}
.order-6\@lg {
order: 6;
}
.order-7\@lg {
order: 7;
}
.order-8\@lg {
order: 8;
}
.order-9\@lg {
order: 9;
}
.order-10\@lg {
order: 10;
}
.order-11\@lg {
order: 11;
}
.order-12\@lg {
order: 12;
}
}
@media only screen and (min-width:112em) {
.order-1\@xl {
order: 1;
}
.order-2\@xl {
order: 2;
}
.order-3\@xl {
order: 3;
}
.order-4\@xl {
order: 4;
}
.order-5\@xl {
order: 5;
}
.order-6\@xl {
order: 6;
}
.order-7\@xl {
order: 7;
}
.order-8\@xl {
order: 8;
}
.order-9\@xl {
order: 9;
}
.order-10\@xl {
order: 10;
}
.order-11\@xl {
order: 11;
}
.order-12\@xl {
order: 12;
}
}
.text--left {
text-align: left;
}
.text--center {
text-align: center;
}
.text--right {
text-align: right;
}
.text--muted {
color: gray;
}
.text--danger {
color: #B93528;
}
.text--success {
color: #008036;
}
.text--bold {
font-weight: bold;
}
.text--strike {
text-decoration: line-through;
}
.text--xlarge {
font-size: 125%;
}
.text--large {
font-size: 112.5%;
}
.text--small {
font-size: 87.5%;
}
.text--xsmall {
font-size: 75%;
}
.u-zooming {
transition: transform 0.2s;
}
.u-zooming:hover,
.u-zooming:focus,
.u-zooming:active {
transform: scale(1.025);
}
.bottom {
clear: both;
}
/* error/warning messages */
.mess_error {
margin: 0 0 5px 0;
padding: 10px;
text-align: left;
background: #FCFFD5;
border: 1px solid red;
color: red;
}
.mess_info {
margin: 0 0 5px 0;
padding: 10px;
text-align: left;
background: #FCFFD5;
border: 1px solid green;
color: green;
}
.required {
/* povinne pole ve formulari */
vertical-align: top;
color: red;
}
.h4_warning {
color: #CC0000;
margin: 0.5em 0.5em 0.5em 1em;
}