html.slb_overlay object,html.slb_overlay embed,html.slb_overlay iframe{visibility:hidden}html.slb_overlay #slb_viewer_wrap object,html.slb_overlay #slb_viewer_wrap embed,html.slb_overlay #slb_viewer_wrap iframe{visibility:visible}body.home #recent-posts-4 {
display: none!important;
}
@media only screen and (min-width: 390px) and (max-width: 520px) {
#ast-mobile-header{
height: 91px;
} body.home #call-to-action{
height: 140px;
}
#call-to-action h3 {
font-size: 17px;
float: none;    
width: 20em;
max-width: 95%;
}    
body.home #content.site-content {
height: 1400px;
}  
}
@media only screen and (min-width: 1250px) {
body.home #masthead {
height: 153px;
}
body.home #call-to-action {
height: 126px;
}
body.home #content.site-content {
height: 590px;
}    
#post-159 > div > h2 > a > img{
width: 300px;
height: 300px;
}    
#text-2 > div > div.boxik{
width: 408px;
height: 141px;
}
}
#ast-desktop-header > div.ast-below-header-wrap > div > div > div{
grid-column-gap: 0px;
}
#colophon > div.site-primary-footer-wrap,
#ast-desktop-header > div.ast-below-header-wrap > div{
border: none;
}
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; 
overflow-y: scroll;
-webkit-text-size-adjust: 100%; 
-ms-text-size-adjust:     100%; 
}
*,
*:before,
*:after { 
-webkit-box-sizing: border-box; 
-moz-box-sizing:    border-box; 
box-sizing:         border-box;
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
} body,
button,
input,
select,
textarea {
color: #444; font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.8;
font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal; font-family: Arial, Helvetica, sans-serif;
line-height: 1.3;
margin-bottom: 15px;
color: #555;
font-weight: 300;
}
p {
margin-bottom:20px;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 15px;
font-size: 20px;
font-style: italic; font-family: Arial, Helvetica, sans-serif;
font-weight: 300;
}
address {
margin: 0 0 15px;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 16px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
h1{ font-size:30px;}
h2{ font-size:26px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:16px;} hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 15px;
}
ul, ol {
margin: 0 0 15px 20px;
}
ul {
list-style: circle;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 15px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 15px 15px;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 0;
}
table {
margin: 0 0 15px;
width: 100%;
border-collapse: collapse;
}
td{
border: 1px solid #CCC;
padding: 5px 10px;
} button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: middle;
}
.navigation .nav-links a,
.bttn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #353f47;
color: #FFF;
cursor: pointer; font-size: 13px;
font-size: 1.2rem;
line-height: 1;
text-transform: uppercase;
border: none;
padding: 8px 15px;
font-weight: normal;
border-bottom: 3px solid #111;
display: inline-block;
position:relative;
}
.bttn:after{
content: "";
background: #00ABFF;
height: 3px;
width: 0%;
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
position: absolute;
left:0;
bottom:-3px;
}
.navigation .nav-links a:hover,
.bttn:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color:#FFF;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}
input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing:    content-box;
box-sizing:         content-box;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select
{
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
height: 36px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select {
padding: 3px 6px;
} a {
color: var(--ast-global-color-0);
text-decoration: none;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
}
a:visited {
}
a:hover,
a:focus,
a:active {
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
} .alignleft {
display: inline;
float: left;
margin-right: 15px;
} .clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.ak-container:after,
.ak-container:before {
content: '';
display: table;
}
.clearfix:after,
.row:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.ak-container:after {
clear: both;
}
.clear{
clear:both;
} .widget {
margin: 0 0 25px;
} h1.entry-title{ 
color: #666;
}
.page-content,
.entry-content,
.entry-summary {
margin: 15px 0 0;
}
.ak-container{ 
width: 100%; 
max-width: 1240px;
margin: 0 auto;
}
#masthead .site-branding{ 
float: left; 
padding: 15px 0;
}
#masthead .site-branding img{
height: auto !important;
width: auto !important;
display: block;
} .main-navigation {
clear: both;
display: block;
font-weight: 300; font-family: Arial, Helvetica, sans-serif;
position: relative;
border-bottom: 3px solid #04A3ED;
background: #00ABFF;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-navigation li {
display: inline-block;
position: relative;
line-height:48px;
font-size:18px;
text-transform: uppercase;
color:#ababab;
white-space: nowrap;
}
.main-navigation a {
display: block;
text-decoration: none;
color: #FFF;
padding: 0 18px;
}
.main-navigation li:hover > a {
background: #04A3ED;
}
.main-navigation .current-menu-parent > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_parent > a {
background: #04A3ED;
} .menu-toggle {
cursor: pointer;
display: none;
}
.hide{
display: none;
}
.event-list{
border-bottom: 1px solid #f2f2f2;
padding-bottom: 15px;
margin-bottom:15px;
}
.event-list:last-child{
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
.event-list .event-thumbnail{
float: left;
width: 100px;
position: relative;
}
.event-list .event-thumbnail img{
display: block;
}
.event-list .event-detail{
float: right;
width: 340px;
}
.event-detail h4{
line-height: 1.2; font-family: Arial, Helvetica, sans-serif;
margin-bottom: 5px;
}
.event-detail h4 a{
color: #666;
} #colophon{ 
background: #353f47;
}
.site-footer a{
color: #CCC;
}
.site-footer a:hover{
color:#F9F9F9;
} #content{
padding: 40px 0;
}
#primary{
width: 68%;
float: left;
} #call-to-action {
display: flex;
justify-content: center; 
text-align: center;
background: #00ABFF;
padding: 40px 20px;
color:#FFF;
min-height: 120px; 
}
.cta-content {
display: flex;
align-items: center; 
gap: 20px; 
flex-wrap: wrap; 
} .cta-content h3 {
font-size: 20px;
font-weight: normal;
margin: 0;
white-space: nowrap; 
color:#FFF;
} .action-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background: #007BFF;
color: white;
padding: 12px 20px;
font-size: 16px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background 0.3s ease-in-out;
min-height: 45px;
white-space: nowrap; 
}
.action-btn:hover {
background: #0056b3;
}
#call-to-action .action-btn{
float: right;
background: #353F47;
border:2px solid #282F35;
padding: 10px 20px;
color: #FFF;
line-height: 1;
border-radius:4px;
}
#call-to-action .action-btn:hover{
background: #282F35;
} @media (max-width: 1200px) {
#call-to-action {
padding: 20px 20px;
}    
.cta-content {
flex-direction: column; 
align-items: center; 
gap: 15px; 
}
.cta-content h3 {
white-space: normal; 
text-align: center; 
}
.action-btn {
width: auto; 
}
}
body.home  #content > div > div.bx-wrapper{
height: fit-content;
}
body.home div.bx-controls.bx-has-pager.bx-has-controls-direction div.bx-pager-item a{
width: 18px;
height: 18px;
box-shadow: rgb(7, 162, 221) 0px 0px 0px 2px inset;
position: relative;
border-radius: 15px;
background: none;
overflow: hidden;
}
body.home div.bx-controls.bx-has-pager.bx-has-controls-direction a.bx-pager-link{
width: 18px;
height: 18px;
box-shadow: rgb(7, 162, 221) 0px 0px 0px 2px inset;
position: relative;
border-radius: 15px;
background: none;
overflow: hidden;
}
body.home div.bx-controls.bx-has-pager.bx-has-controls-direction div.bx-pager-item a.bx-pager-link.active{
background: #04A3ED;
}
body.home #content{
padding-top: 0px
}
#head-cta-call{
font-size: 18px;
}
#head-cta-call a:hover{
font-weight: bold;
}
body.home .slider-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
color: #FFF;
text-transform: uppercase;
padding: 40px 0;
text-align: center;
}
body.home #content{
padding-bottom: 0px;
}
div.bx-controls-direction > a.bx-prev {
left: -2222px;
}
div.bx-controls-direction > a.bx-next {
right: -2222px;
}
#content > div > div.bx-wrapper{
position: relative; }
#content > div > div.bx-wrapper div.bx-controls-direction > a.bx-prev,
#content > div > div.bx-wrapper div.bx-controls-direction > a.bx-next {
opacity: 0;
transition: opacity 1.3s ease-in-out;
}
#content > div > div.bx-wrapper:hover div.bx-controls-direction > a.bx-prev,
#content > div > div.bx-wrapper:hover div.bx-controls-direction > a.bx-next {
opacity: 1;
transition: opacity 1.3s ease-in-out;
}
#nav_menu-4 h3,
#nav_menu-4 h2,
#text-9,
#colophon #text-9 h3,
#colophon #text-9 h2,
#colophon{
color: #ccc;
}
#secondary h2.widget-title,
#secondary h3.widget-title {
background: #F1F2F3;
border-left: 5px solid #01AEFD;
font-size: 22px;
text-transform: uppercase;
padding: 10px 15px;
line-height: 24px;
}
@media (min-width: 922px) {
#primary.content-area.primary{
border-right-width: 0px;
}
#secondary.widget-area.secondary{
padding-left: 0px;
border-left-width: 0px;
margin-bottom: 0;
}
}
.event-list {
display: flex;
align-items: flex-start; 
gap: 0px; 
}
.event-list .event-thumbnail {
width: 30%;
flex-shrink: 0; 
}
.event-detail {
margin-top: 0px;
width: 65%;
padding-left: 10px;
}
.event-excerpt{
font-size: 15px;
line-height: 1.6em;
}
.event-thumbnail img {
max-width: 100%;
height: auto;
max-height: 16em;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
display: block;
}
#block-2,
#text-14 > div{
text-align: center;
}
#recent-posts-4 > nav > ul{
font-size: 16px;
}
.event-thumbnail img {
margin-top: 7px;
width: 122px; 
height: 91px; 
object-fit: cover; 
display: block; 
}
.event-thumbnail {
width: 122px;
height: 91px;
flex-shrink: 0;
}
.event-detail {
min-height: 70px; 
}
.boxik {
min-height: 150px; 
display: flex;
flex-direction: column;
}
.boxik h4 {
margin-bottom: 7px;
}
.event-list {
display: flex;
align-items: start; 
gap: 0px; 
}
.event-excerpt {
max-width: 100%;
overflow: hidden; 
white-space: normal;
}
@media (max-width: 768px) {
.event-thumbnail, .event-detail {
width: 100%;
}
}
.boxik{
margin-bottom: 2em;
} #bottom-section{
background-color: var(--ast-global-color-0);
background-color: #00ABFF;
padding: 40px 0;
}
.ak-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-widget.footer-widget-b {
flex: 1;
max-width: 32%;
box-sizing: border-box; background: #ffffff;
border-radius: 5px;
text-align: center;
}
@media (max-width: 940px) {
.footer-widget.footer-widget-b {
padding: 20px;
}
.ak-container .footer-widget.footer-widget-b:not(:last-child) {
margin-right: 20px;
}
#bottom-section{
padding: 20px 0;
}
#mid-section.ak-container{
margin-bottom: 20px;
}
}
@media (min-width: 941px) {
.ak-container .footer-widget.footer-widget-b:not(:last-child) {
margin-right: 40px;
}
.footer-widget.footer-widget-b {
min-width: 280px; padding: 40px;
}
}
@media (max-width: 660px) {
#bottom-section {
padding: 40px 0;
}
#mid-section .featured-post.mid:last-child{
margin-bottom: 20px;
}
.ak-container {
flex-direction: column;
}
#bottom-section > div.ak-container.wid-b > div.footer-widget.footer-widget-b { width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
padding: 40px;
margin-bottom: 40px;
}
}
@media (max-width: 460px) {
#post-159 > div > h2 > a > img{
float: none!important;
}
#bottom-section {
padding: 20px 0;
}
#mid-section .featured-post.mid:last-child{
margin-bottom: 0px;
}
#bottom-section > div.ak-container.wid-b > div.footer-widget.footer-widget-b {
padding: 20px;
margin-bottom: 20px;
}
#bottom-section > div.ak-container.wid-b{
padding-left: 20px;
padding-right: 20px;        
}
}
@media (min-width: 661px) {
.featured-posts-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;   
}
}
@media (max-width: 660px) {
.featured-post.mid {
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
padding: 40px;
margin-bottom: 40px;
}
}
@media (max-width: 460px) {
.featured-post.mid {
width: auto;
max-width: 400px;
margin-left: 10px;
margin-right: 10px;
padding: 20px;
margin-bottom: 20px;
}
}
.featured-post {
flex: 1;
max-width: 32%; box-sizing: border-box; background: #ffffff;
border-radius: 5px;
text-align: center;
border: solid 1px #00ABFF;
}
@media (min-width: 941px) {
.featured-post {
min-width: 280px;
padding: 40px;
}
.featured-posts-container {
gap: 40px;
}    
} @media (max-width: 940px) {
.featured-post {
padding: 10px;
}
.featured-posts-container {    
gap: 10px;
}        
}
#mid-section figure > a > img,
#mid-section{
margin-bottom: 40px;
} .boxik,
.footer-widget.footer-widget-b,
.featured-post {
transition: transform 0.3s ease, box-shadow 0.3s ease;
} .boxik:hover,
.footer-widget.footer-widget-b:hover,
.featured-post:hover {
transform: translateY(-5px); 
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); 
}
#colophon h3,
#colophon h2{
font-size: 22px;
}
#colophon div.ast-footer-copyright > p{
font-size: 14px;
color: #CCC;
}
#bottom-section p:last-child{    
margin-bottom: 0px;
}
#main > nav.navigation.post-navigation,
body.search .ast-archive-description{
display: none;
}
#content{
background: #ffffff;
}
#hp-slider .slider-caption .caption-title,
#hp-slider .slider-caption .caption-description{
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2em;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
}
#primary {
margin: 2em 0;
}  .bx-wrapper *{
direction: ltr;
}
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
} .bx-wrapper .bx-viewport { -webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 0;
width: 100%;
z-index: 10;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//www.skolabezpecne.cz/wp-content/themes/astra-child/images/bx_loader.gif) center center no-repeat;
height: 100%;
width: 100%;
position: absolute;
top: 0; 
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
bottom: -45px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
text-indent: -9999px;
display: block;
background: #07A2DD;
height: 10px; 
width: 10px;
margin: 0 5px;
outline: 0;
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
} .bx-wrapper .bx-prev {
left: -100px;
background: url(//www.skolabezpecne.cz/wp-content/themes/astra-child/images/controls.png) no-repeat 0 0;
}
.bx-wrapper .bx-next {
right: -100px;
background: url(//www.skolabezpecne.cz/wp-content/themes/astra-child/images/controls.png) no-repeat right 0;
}
.bx-wrapper:hover  .bx-prev{
left: 10px;
}
.bx-wrapper:hover .bx-next {
right: 10px;
}
.bx-wrapper .bx-prev:hover {
background-position: -56px 0;
}
.bx-wrapper .bx-next:hover {
background-position: -155px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -28px;
outline: 0;
width: 56px;
height: 81px;
text-indent: -9999px;
z-index: 9999;
transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .slides img{ 
margin: 0 auto;
}
.slider-caption{ 
background: url(//www.skolabezpecne.cz/wp-content/themes/astra-child/images/caption-bg.png);
position: absolute; 
top:50%; 
left: 0; 
width: 100%; 
color:#FFF;
text-transform: uppercase;
padding: 40px 0;
text-align: center;
}
.slider-caption .caption-title{ 
font-size: 58px; 
line-height: 50px;
width: 80%;
font-weight: bold;
margin: 0 auto;
font-weight: 700;
margin-bottom: 15px;
color: #FFF;
}
.slider-caption .caption-description{
font-size:32px;
line-height:38px; 
width: 80%;
margin: 0 auto;
font-weight: 300;
color: #FFF;
}  @media screen and (max-width: 1200px){
.ak-container,
.boxed-layout .ak-container{
width: 100%;
padding: 0 10px;
}
.event-list .event-thumbnail{
width: 28%;
}
.event-list .event-thumbnail img{
width: 100%;
}
.event-list .event-detail{
width: 68%;
}
.featured-post:not(.mid){
width: 30%;
margin-right: 5%;
}
}
@media screen and (max-width: 940px){
body{
background: #F2F2F2;
}
#page{
max-width: 768px;
width: 100%;
margin:0 auto;
background: #FFF;
box-shadow: 0 0 10px #999;
}
.menu-toggle{ 
display: block;
float: right;
background: url(//www.skolabezpecne.cz/wp-content/themes/images/menu.png) no-repeat center rgba(0,0,0,0.3);
height: 48px;
width: 48px;
text-indent: -9999px;
margin: 0;
}
#primary, .left-sidebar #primary, 
.both-sidebar #primary,
.both-sidebar #primary-wrap .sidebar,
.both-sidebar .sidebar{
float: none;
width: auto;
margin-bottom: 25px;
}
}
@media screen and (max-width: 768px){
.slider-caption{
padding: 20px 0;
}
}
@media screen and (max-width: 580px) {
h1{ font-size:28px;}
h2{ font-size:24px;}
h3{ font-size:20px;}
h4{ font-size:18px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
#mid-section{
margin-bottom: 30px;
}
.featured-post{
width: auto;
margin: 0 0 20px;
float: none;
text-align: center;
}
.featured-post .featured-image img{
margin: 0 auto;
}
#masthead .site-branding{
float: none;
text-align: center;
}
}
@media screen and (max-width: 280px) {
.slider-caption{
display: none;
}
#call-to-action{
text-align: center;
padding: 20px 0;
}
#call-to-action h4{
width: 100%;
float: none;
max-width: none;
margin-bottom: 5px;
}
#call-to-action .action-btn{
float: none;
display: inline-block;
}
} header.entry-header > h1.entry-title{
text-transform: uppercase;
font-size: 3rem;
}
#call-to-action > div > h3{
text-shadow: 5px 5px 20px rgba(0, 0, 0, 1);
}
#primary-site-navigation-desktop > div{
border-bottom-width: 0px;
}
#ast-hf-mobile-menu a {
background-color: var(--ast-global-color-0);
color: #ffffff;
}
#ast-hf-mobile-menu li.current-menu-item > a  {
color: #ffffff;
font-weight: bold;
background: var(--ast-global-color-1);
}
#call-to-action > div > a{
width: fit-content;  
}    
@media screen and (min-width: 1201px) {
.ak-container h4 {
margin-bottom: 0;
}
}        
@media screen and (max-width: 1200px) {
.ak-container:not(.wid-b) {
display: flex;
flex-direction: column; 
align-items: center; 
text-align: center; 
}
.ak-container h4 {
margin-bottom: 0.5em;
}
}    
@media screen and (max-width: 940px) {
.slider-caption .caption-title {
font-size: 34px;
line-height: 1.2em;    
}
.slider-caption .caption-description {
font-size: 24px;
line-height: 1.1em;
}
} 
@media screen and (max-width: 660px) {
.slider-caption .caption-title {
font-size: 27px;
line-height: 1.2em;  
margin-bottom: 10px;
}
.slider-caption .caption-description {
font-size: 20px;
line-height: 1.1em;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
display: none;
}
} 
@media screen and (min-width: 461px) {
body.home .bx-wrapper .bx-pager.bx-default-pager{
bottom: 0px; 
}
} 
@media screen and (max-width: 460px) {
.slider-caption .caption-title {
font-size: 20px;
line-height: 1.2em;  
margin-bottom: 10px;
width: 100%;
}
.slider-caption .caption-description {
font-size: 16px;
line-height: 1.1em;
width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager{
bottom: -35px;
}
body.home div.bx-controls.bx-has-pager.bx-has-controls-direction div.bx-pager-item a.bx-pager-link.active {
background: #FFFFFF;
}
body.home div.bx-controls.bx-has-pager.bx-has-controls-direction div.bx-pager-item a {
width: 18px;
height: 18px;
box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset;
position: relative;
border-radius: 15px;
background: none;
overflow: hidden;
}
} #text-img-uvod {
display: flex;
align-items: center; 
gap: 20px; 
max-width: 900px; 
margin: 0 auto; 
padding: 20px; 
}
#img-uvod img {
width: 300px;
height: 300px;
aspect-ratio: 1 / 1;
object-fit: cover; 
border-radius: 10px; 
display: block;
}
#text-uvod {
flex: 1; 
text-align: left;
}
#text-uvod ul {
padding-left: 20px; 
list-style-type: "✔ "; 
}
#text-uvod li {
margin-bottom: 8px;
font-size: 16px;
line-height: 1.5;
}
.read-more.bttn {
display: inline-block;
color: #fff;
padding: 10px 15px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background 0.3s ease-in-out;
}
.read-more.bttn:hover {
background: #0056b3;
}
@media (max-width: 768px) {
#text-img-uvod {
flex-direction: column;
text-align: center;
}
#img-uvod img {
width: 200px;
height: 200px;
}
#text-uvod ul {
padding-left: 0;
list-style-position: inside; 
}
}
.event-thumbnail img {
width: 122px; 
height: 91px; 
object-fit: cover; 
display: block; 
}
.event-thumbnail {
width: 122px;
height: 91px;
flex-shrink: 0;
}
.event-detail {
min-height: 70px; 
}
.boxik {
min-height: 150px; 
display: flex;
flex-direction: column;
}
.event-list {
display: flex;
align-items: start; 
gap: 0px; 
}
.event-excerpt {
max-width: 100%;
overflow: hidden; 
white-space: normal;
} .bx-wrapper, .bx-viewport, .bx-slider .slides {
width: 100%;
aspect-ratio: 1900 / 550; 
position: relative;
overflow: hidden;
}
.bx-slider img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.slider-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
text-align: center;
background: rgba(0, 0, 0, 0.5);
padding: 20px;
border-radius: 5px;
color: white;
min-height: 100px; 
}
.bx-controls-direction a {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50px;
background: rgba(0, 162, 255, 1);
color: white;
text-align: center;
line-height: 50px;
border-radius: 50%;
transition: background 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
.bx-prev {
left: 10px;
}
.bx-next {
right: 10px;
}
.bx-controls-direction a:hover {
background: rgba(0, 128, 208, 1);
}
.bx-pager {
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
}
@media (max-width: 1024px) {
.slider-caption {
width: 90%;
min-height: 80px;
}
.caption-title {
font-size: 24px;
}
.caption-description {
font-size: 16px;
}
.bx-controls-direction a {
width: 40px;
height: 40px;
line-height: 40px;
}
}
@media (max-width: 768px) {
.slider-caption {
width: 95%;
min-height: 70px;
}
.caption-title {
font-size: 20px;
}
.caption-description {
font-size: 14px;
}
}