@charset "utf-8";

/****************************************/
/*	CSS Document 						*/
/*	CMS Agilis 3.2						*/
/*										*/
/*	Abrupta Servis s.r.o.				*/
/*	stylesheet.typography.css			*/
/*										*/
/*	created:  2025-09-08      			*/
/*	edit:     2025-09-08				*/
/****************************************/

/* ! + BODY */
html { font-size: var(--beat-base-size); }
body { line-height: var(--beat-base-line); color: var(--beat-base-color); font-family: var(--beat-ff2-regular); }

::-moz-selection { color: var(--beat-color-99); text-shadow: none; background: var(--beat-color-01); }
::-webkit-selection { color: var(--beat-color-99); text-shadow: none; background: var(--beat-color-01); }
::selection { color: var(--beat-color-99); text-shadow: none; background: var(--beat-color-01); }

a { color: var(--beat-link-color); text-decoration: none; -webkit-transition: var(--beat-base-transition); transition: var(--beat-base-transition); }
a:hover { text-decoration: none; -webkit-transition: var(--beat-base-transition); transition: var(--beat-base-transition); }
a:focus { text-decoration: none; outline: 0; }
a:hover,
a:focus { color: var(--beat-link-hover-color); text-decoration: none; outline: 0; -webkit-transition: var(--beat-base-transition); transition: var(--beat-base-transition); }
/* ! - BODY */

/* ! + HEADING */
h1 { font-family: var(--beat-ff1-bold); font-weight:normal; color: var(--beat-color-01); }
h2 { font-family: var(--beat-ff1-bold); font-weight:normal; color: var(--beat-color-01); }
h3, h4, h5, h6 { font-family: var(--beat-ff1-semibold); font-weight:normal; color: var(--beat-color-01); }
h5, h6 { font-family: var(--beat-ff1-regular); }
/*
h1 > span, h2 > span, h3 > span { display: inline-block; font-size: .6em; line-height: 1.0em; font-family: var(--beat-ff1-regular); text-transform: none; vertical-align: baseline; }
*/

h1 > a { color: var(--beat-color-01); transition: var(--beat-base-transition); }
h2 > a { color: var(--beat-color-01); transition: var(--beat-base-transition); }
h3 > a { color: var(--beat-color-01); transition: var(--beat-base-transition); }
h4 > a { color: var(--beat-color-01); transition: var(--beat-base-transition); }
h5 > a { color: var(--beat-color-01); transition: var(--beat-base-transition); }
h6 > a { color: var(--beat-color-01); transition: var(--beat-base-transition); }

h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover { color: #DD1528 !important; transition: var(--beat-base-transition); }

.ali-left > h1:before,
.ali-left > h2:before,
.ali-left > h3:before,
.ali-left > h1:after,
.ali-left > h2:after,
.ali-left > h3:after { left: 0; }
.ali-center > h1:before,
.ali-center > h2:before,
.ali-center > h3:before,
.ali-center > h1:after,
.ali-center > h2:after,
.ali-center > h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.ali-right > h1:before,
.ali-right > h2:before,
.ali-right > h3:before,
.ali-right > h1:after,
.ali-right > h2:after,
.ali-right > h3:after { right: 0; }
/* ! - HEADING */

/* ! + TEXT */
p { margin-bottom: 1.0em; }
p:only-of-type, p:last-child { margin-bottom: 0; }
.perexXXL p,
.perexXL p,
.perexL p,
.perexM p { font-family: var(--beat-ff2-light); color: var(--beat-color-09); } /* color: #969696; */
.perexXXL p { font-size:2.00em; line-height: 1.45em; }
.perexXL p { font-size:1.53em; line-height: 1.6em; }
.perexL p { font-size:18px; line-height: 28px; }
.perexM p { font-size:16px; line-height: 24px; }

.image-left { float:left !important; }
p .image-left { margin:1.5em 1.5em 1.5em 0; padding:0px; }
.image-right { float:right !important; }
p .image-right { margin:1.5em 0 1.5em 1.5em; padding:0px; }

a:active, a:hover { outline: 0; }
a { background-color: transparent; }

strong, dfn { font-family: var(--beat-ff2-bold); }
em, dfn { font-family: var(--beat-ff2-light); }
sup,sub {line-height:0; }

abbr, acronym { border-bottom: dotted 1px rgb(102,102,102); }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:rgb(102,102,102); }

pre { margin: 24px 0; white-space: pre; }
pre,code,tt { font: 24px 'andale mono', 'lucida console', monospace; line-height: 1.5; }

blockquote { font-family: var(--beat-ff2-light); background: rgba(255,255,255,0.5); padding: 20px 30px 20px 30px; border-left: 10px solid rgb(54,136,198); line-height: 24px; margin-bottom: 18px; }
blockquote:last-item { margin-bottom: 0px; }
/* ! - TEXT */

/* ! + LISTS */
li ul, li ol { margin: 0; }
ul, ol { margin: 0 24px 24px 0; padding-left: 24px; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 24px 0; }
dl dt { font-weight: bold; }
dd { margin-left: 24px;}
/* ! - LISTS */

/* ! + OTHER */
.small { font-size: .9em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
/* ! - OTHER */

/* ! + MEDIA QUERIES */
/** XD - Smaller than standard 960 (devices and browsers) **/

@media only screen and (min-width: 1281px) {
    .ali-16-left > h1:before,
    .ali-16-left > h2:before,
    .ali-16-left > h3:before,
    .ali-16-left > h1:after,
    .ali-16-left > h2:after,
    .ali-16-left > h3:after { left: 0; }
    .ali-16-center > h1:before,
    .ali-16-center > h2:before,
    .ali-16-center > h3:before,
    .ali-16-center > h1:after,
    .ali-16-center > h2:after,
    .ali-16-center > h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .ali-16-right > h1:before,
    .ali-16-right > h2:before,
    .ali-16-right > h3:before,
    .ali-16-right > h1:after,
    .ali-16-right > h2:after,
    .ali-16-right > h3:after { right: 0; }
    h1 { font-size: 20px; line-height: 24px; margin-bottom: 0; }
    h2 { font-size: 34px; line-height: 40px; margin-bottom: 0; }
    h3 { font-size: 18px; line-height: 24px; margin-bottom: 0; }
    h4 { font-size: 1.33em; line-height: 1.2em; margin-bottom: 0; }
    h5 { font-size: 20px; line-height: 24px; font-weight: bold; }
    h6 { font-size: 16px; line-height: 20px; font-weight: bold; }
}
/** XD - Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .ali-12-left > h1:before,
    .ali-12-left > h2:before,
    .ali-12-left > h3:before,
    .ali-12-left > h1:after,
    .ali-12-left > h2:after,
    .ali-12-left > h3:after { left: 0; }
    .ali-12-center > h1:before,
    .ali-12-center > h2:before,
    .ali-12-center > h3:before,
    .ali-12-center > h1:after,
    .ali-12-center > h2:after,
    .ali-12-center > h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .ali-12-right > h1:before,
    .ali-12-right > h2:before,
    .ali-12-right > h3:before,
    .ali-12-right > h1:after,
    .ali-12-right > h2:after,
    .ali-12-right > h3:after { right: 0; }
    h1 { font-size: 20px; line-height: 24px; margin-bottom: 0; }
    h2 { font-size: 34px; line-height: 40px; margin-bottom: 0; }
    h3 { font-size: 1.3em; line-height: 1.2em; margin-bottom: 0; }
    h4 { font-size: 1.33em; line-height: 1.2em; margin-bottom: 0; }
    h5 { font-size: 20px; line-height: 24px; font-weight: bold; }
    h6 { font-size: 16px; line-height: 20px; font-weight: bold; }
    .caption > p.big { font-size: 1.6em; padding: 0.43em .83em; margin-bottom: 1.0em; }
    .caption > p.small { font-size: .7em; margin-bottom: .6em; }
    .perexXXL p { font-size:1.33em; }
    .perexXL p { font-size:1.11em; }
    .perexL p { font-size:1.00em; }
}

/** LD - Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    .ali-9-left > h1:before,
    .ali-9-left > h2:before,
    .ali-9-left > h3:before,
    .ali-9-left > h1:after,
    .ali-9-left > h2:after,
    .ali-9-left > h3:after { left: 0; }
    .ali-9-center > h1:before,
    .ali-9-center > h2:before,
    .ali-9-center > h3:before,
    .ali-9-center > h1:after,
    .ali-9-center > h2:after,
    .ali-9-center > h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .ali-9-right > h1:before,
    .ali-9-right > h2:before,
    .ali-9-right > h3:before,
    .ali-9-right > h1:after,
    .ali-9-right > h2:after,
    .ali-9-right > h3:after { right: 0; }
    h1 { font-size: 20px; line-height: 24px; margin-bottom: 0; }
    h2 { font-size: 34px; line-height: 40px; margin-bottom: 0; }
    h3 { font-size: 1.3em; line-height: 1.2em; margin-bottom: 0; }
    h4 { font-size: 1.33em; line-height: 1.2em; margin-bottom: 0; }
    h5 { font-size: 20px; line-height: 24px; font-weight: bold; }
    h6 { font-size: 16px; line-height: 20px; font-weight: bold; }
    .caption > p.big { font-size: 1.4em; padding: 0.43em .83em; margin-bottom: 1.0em; }
    .caption > p.small { font-size: .7em; margin-bottom: .6em; }
    .perexXXL p { font-size:1.33em; }
    .perexXL p { font-size:1.11em; }
    .perexL p { font-size:1.00em; }
}
/** MD - Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .ali-6-left > h1:before,
    .ali-6-left > h2:before,
    .ali-6-left > h3:before,
    .ali-6-left > h1:after,
    .ali-6-left > h2:after,
    .ali-6-left > h3:after { left: 0; }
    .ali-6-center > h1:before,
    .ali-6-center > h2:before,
    .ali-6-center > h3:before,
    .ali-6-center > h1:after,
    .ali-6-center > h2:after,
    .ali-6-center > h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .ali-6-right > h1:before,
    .ali-6-right > h2:before,
    .ali-6-right > h3:before,
    .ali-6-right > h1:after,
    .ali-6-right > h2:after,
    .ali-6-right > h3:after { right: 0; }
    h1 { font-size: 20px; line-height: 24px; margin-bottom: 0; }
    h2 { font-size: 30px; line-height: 36px; margin-bottom: 0; }
    h3 { font-size: 1.3em; line-height: 1.2em; margin-bottom: 0; }
    h4 { font-size: 1.33em; line-height: 1.2em; margin-bottom: 0; }
    h5 { font-size: 20px; line-height: 24px; font-weight: bold; }
    h6 { font-size: 16px; line-height: 20px; font-weight: bold; }
    .caption > p.big { font-size: 1.0em; padding: 0.43em .83em; margin-bottom: 1.0em; }
    .caption > p.small { font-size: .7em; margin-bottom: .6em; }
    .perexXXL p { font-size:1.33em; }
    .perexXL p { font-size:1.11em; }
    .perexL p { font-size:1.00em; }
}
/** SD / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    .ali-4-left > h1:before,
    .ali-4-left > h2:before,
    .ali-4-left > h3:before,
    .ali-4-left > h1:after,
    .ali-4-left > h2:after,
    .ali-4-left > h3:after { left: 0; }
    .ali-4-center > h1:before,
    .ali-4-center > h2:before,
    .ali-4-center > h3:before,
    .ali-4-center > h1:after,
    .ali-4-center > h2:after,
    .ali-4-center > h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .ali-4-right > h1:before,
    .ali-4-right > h2:before,
    .ali-4-right > h3:before,
    .ali-4-right > h1:after,
    .ali-4-right > h2:after,
    .ali-4-right > h3:after { right: 0; }
    h1 { font-size: 20px; line-height: 24px; margin-bottom: 0; }
    h2 { font-size: 26px; line-height: 30px; margin-bottom: 0; }
    h3 { font-size: 1.3em; line-height: 1.2em; margin-bottom: 0; }
    h4 { font-size: 1.33em; line-height: 1.2em; margin-bottom: 0; }
    h5 { font-size: 20px; line-height: 24px; font-weight: bold; }
    h6 { font-size: 16px; line-height: 20px; font-weight: bold; }    
    .caption > h1:after { height: .33rem; width:4.55rem; }
    .caption > h2:after { height: .26rem; width:2.44rem; }
    .caption > h3:after { height: .22rem; width:1.33rem; }
    .caption > p.big { font-size: .8em; padding: 0.43em .83em; margin-bottom: 1.0em; }
    .caption > p.small { font-size: .7em; margin-bottom: .6em; }
    .perexXXL p { font-size:1.33em; }
    .perexXL p { font-size:1.11em; }
    .perexL p { font-size:1.00em; }
}
/* ! - MEDIA QUERIES */