/*
Theme Name: AAVET2022
Author: XYWeb
Author URI: http://xyweb.cz
Version: 1.0
*/

:root {
  --font-size-small: 0.88rem;
  --font-size-default:  1.02rem;;
  --font-size-large: 1.3rem;

  --line-size-small: 1.68em;
  --line-size-default:  1.8em;
  --line-size-large: 2em;


  --font-size-h1: 3rem;
  --font-size-h2: 2.2rem;
  --font-size-h3: 1.4rem;

  --font-weight-h1: 600;
  --font-weight-h2: 600;
  --font-weight-h3: 600;

  --line-size-h1: 1.24em;
  --line-size-h2: 1.24em;
  --line-size-h3: 1.24em;


  --bg-color-default: #fbffff;
  --bg-color-respons-menu: #00a8e8;

  --font-color-header: #102d47;
  --font-color-default: #556275;
  --font-color-highlight: #00a8e8;
  --font-color-title: #102d47;
  --font-color-respopns-menu:#FFFFFF;
  --font-color-red: #F85C9D;
  --font-color-green:#00cece;

  --padding-mini: 4px ;
  --padding-small: 8px ;
  --padding-default: 16px ;
  --padding-large: 32px ;
  --padding-big: 64px ;


  --padding-mini-w: 2vw ;
  --padding-small-w: 4vw ;
  --padding-default-w: 8vw ;
  --padding-large-w: 12vw ;
  --padding-big-w: 16vw ;

  --logo-width-default: 118px;
  --logo-height-default: 118px ;

  --header-height-default: 120px;
  --content-margin-top: 148px;
  --header-background-default: rgba(255,255,255,0);
  --header-background-scroll: rgba(255,255,255,255);

  --radius-default: 1rem;
  --radius-large: 2rem;
  --radius-image: 2.8rem;

  --button-radius-default: 24px;
  /*--button-padding-default: 8px 42px 8px 20px;*/
  --button-padding-default: 8px 24px 8px 24px;
  --button-border-size-default: 0px;
  --button-border-color-default: #transparent;
  --button-bg-default: #00a8e8;
  --button-color-default: #FFFFFF;
  --button-bg-hover: #5F6D82;

  --animation-in: cubic-bezier(0.4, 0, 1, 1);
  --animation-out: cubic-bezier(0, 0, 0.2, 1);
  --animation-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}

html{
  font-family: 'Roboto', sans-serif !important;
  font-size: var(--font-size-default, 1rem);
  line-height: var(--line-size-default, 2rem);
  font-weight: 300;
  scroll-behavior: smooth;
}

html, body{
  margin: 0;
  background-color: var(--bg-color-default, #FFFFFF);
  color: var(--font-color-default, #000000);
}

h1, h2, h3, h4 {
    margin: 1rem 0;
    font-family: 'Playfair Display', sans-serif !important;
    color: var(--font-color-title, #000000);
}

h1 {
  font-size: var(--font-size-h1, 1.1rem);
  line-height: var(--line-size-h1, 2rem);
  font-weight: var(--font-weight-h1, 600);
}

h2 {
  font-size: var(--font-size-h2, 1.1rem);
  line-height: var(--line-size-h2, 2rem);
  font-weight: var(--font-weight-h2, 600);
}

h3 {
  font-size: var(--font-size-h3, 1.1rem);
  line-height: var(--line-size-h3, 2rem);
  font-weight: var(--font-weight-h3, 600);
}

h4 {
  font-size: var(--font-size-h4, 1.1rem);
  line-height: var(--line-size-h4, 2rem);
  font-weight: var(--font-weight-h4, 600);
}

h5 {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: 300;
  color: var(--font-color-title);
}

h6 {
  font-size: 0.8rem;
  line-height: 1.2rem;
  font-weight: 500;
  color: var(--font-color-title);
  font-style: italic;
  padding: 0;
  margin: 0;
}



img{ object-fit: cover; }

a{
  text-decoration: none;
  color: var(--font-color-highlight);
}

b, strong{
  font-weight: 500;
}

p{
  margin: 16px 0;
}

pre{
  font-family: inherit;
}

ul{
  margin: 0;
  padding-left: 16px;
}

#app{
  /*padding-top: var(--header-height-default, 0);*/
}

#content {
    overflow: hidden;
}

#page{
  position: relative;
}

.text-small{
    font-size: var(--font-size-small);
    line-height: var(--line-size-small);
}


.desktop-hidden{
  display: none !important;
}

/* UL SEZNAM */
ul.seznam{
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

ul.seznam li{
  padding: 4px 0 0 0;
  margin-right: 16px;
  display: flex;
  align-items: center;
}

ul.seznam li:before{
  content: "";
  background-color: var(--font-color-highlight);
  width: 4px;
  height: 4px;
  position: absolute;
  border-radius: 2px;
}

ul.seznam li a{
  display: inline-block;
  padding: 0px 0px 0px 10px;
  transition: all 0.4s ease-out;
  border-bottom: 1px solid transparent;
  text-decoration: underline;
  color: var(--font-color-highlight);
}

ul.seznam.nase-sluzby li{
  border: 1px solid #cbeef5;
  border-radius: 16px;
  padding: 0px 8px;
  margin: 2px 4px 2px 0;
}

ul.seznam.nase-sluzby li a{
  padding: 0;
  text-decoration: none;
}

ul.seznam.nase-sluzby li:before{
 content: none;
}


ul.check{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.check li{
  padding: 0 0 32px 36px;
  display: block;
  background: url(img/check2.svg) left 6px no-repeat;
  background-size: 24px 24px;
}

.jca-hidden{ display: none; }


/*PADDING*/
.jca-pl-mini{padding-left: var(--padding-mini-w, 2vw);}
.jca-pr-mini{padding-right: var(--padding-mini-w, 2vw);}
.jca-plr-mini{padding-left: var(--padding-mini-w, 2vw); padding-right: var(--padding-small-w, 2vw);}
.jca-pl-small{padding-left: var(--padding-small-w, 8vw);}
.jca-pr-small{padding-right: var(--padding-small-w, 8vw);}
.jca-plr-small{padding-left: var(--padding-small-w, 8vw); padding-right: var(--padding-small-w, 8vw);}
.www .jca-pl-default{padding-left: var(--padding-default-w, 8vw);}
.www .jca-pr-default{padding-right: var(--padding-default-w, 8vw);}
.www .jca-plr-default{padding-left: var(--padding-default-w, 8vw); padding-right: var(--padding-default-w, 8vw);}
.www .jca-pl-large{padding-left: var(--padding-large-w, 8vw);}
.www .jca-pr-large{padding-right: var(--padding-large-w, 8vw);}
.www .jca-plr-large{padding-left: var(--padding-large-w, 8vw); padding-right: var(--padding-large-w, 8vw);}
.www .jca-pl-big{padding-left: var(--padding-big-w, 8vw);}
.www .jca-pr-big{padding-right: var(--padding-big-w, 8vw);}
.www .jca-plr-big{padding-left: var(--padding-big-w, 8vw); padding-right: var(--padding-big-w, 8vw);}
.jca-pall-mini{padding: var(--padding-mini);}
.jca-pall-small{padding: var(--padding-small);}
.jca-pall-default{padding: var(--padding-default);}
.www .jca-pall-large{padding: var(--padding-large);}
.www .jca-pall-big{padding: var(--padding-big);}
.jca-ptb-mini{padding-top: var(--padding-mini);padding-bottom: var(--padding-mini);}
.jca-ptb-small{padding-top: var(--padding-small);padding-bottom: var(--padding-small);}
.jca-ptb-default{padding-top: var(--padding-default);padding-bottom: var(--padding-default);}
.jca-ptb-large{padding-top: var(--padding-large);padding-bottom: var(--padding-large);}
.jca-ptb-big{padding-top: var(--padding-big);padding-bottom: var(--padding-big);}
.jca-pt-0{padding-top: 0 !important}
.jca-pb-0{padding-bottom: 0 !important}
.jca-pl-0{padding-left: 0 !important}
.jca-pr-0{padding-right: 0 !important}

.jca-mt-0{margin-top: 0 !important}
.jca-mb-0{margin-bottom: 0 !important}
.jca-ml-0{margin-left: 0 !important}
.jca-mr-0{margin-right: 0 !important}


 /*NARGIN*/
 .no-margin{margin: 0px !important}

/* SIZE */
.max-height{min-height: 100%;}
.max-width{min-width: 100%;}
.full-height{min-height: 100vh;}
.full-width{min-width: 100vw;}
.half-height{min-height: 50vh;}
.half-width{min-width: 50vw;}
.min-height-20{min-height: 20vh;}
.min-height-40{min-height: 40vh;}
.min-height-60{min-height: 60vh;}
.min-height-80{min-height: 80vh;}
.min-height-20-desktop{min-height: 20vh;}
.min-height-40-desktop{min-height: 40vh;}
.min-height-60-desktop{min-height: 60vh;}
.min-height-80-desktop{min-height: 80vh;}
.height-20{height: 20vh;}
.height-40{height: 40vh;}
.height-60{height: 60vh;}
.height-80{height: 80vh;}
.height-20-desktop{height: 20vh;}
.height-40-desktop{height: 40vh;}
.height-60-desktop{height: 60vh;}
.height-80-desktop{height: 80vh;}


/* COLOR */
.color-default{color: var(--font-color-default)}
.color-highlight{color: var(--font-color-highlight)}
.color-title{color: var(--font-color-title)}
.color-red{color: var(--font-color-red)}
.color-green{color: var(--font-color-green)}

/* FONT */
.font-size-small{
  font-size: var(--font-size-small);
  line-height: var(--line-size-small);
}

/* FLEX */
.jca-flex{ display: flex; }
.jca-flex-justify-between{justify-content: space-between;}
.jca-flex-align-center{align-items: center;}
.flex-column-reverse{flex-direction: column-reverse;}
.flex-row-reverse{flex-direction: row-reverse;}
.align-items-stretch{align-items: stretch !important;}

/* ANIMATION */
.ease-in{ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);}
.ease-out {  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);}
.ease-in-out {  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.duration-300 {  transition-duration: 300ms;}
.duration-600 {  transition-duration: 600ms;}
.duration-900 {  transition-duration: 900ms;}
.duration-1200 {  transition-duration: 1200ms;}

/* SHADOW */
.jca-shadow{ box-shadow: 0px 8px 20px 0px #68798C29;}
.jca-shadow-in{  box-shadow: inset 0px 0px 3vw 3vw #000000;}

/* DIVIDERS */
.jca-divider-mini{  height: 8px !important; }
.jca-divider-small{  height: 16px !important;}
.jca-divider-default{  height: 32px !important;}
.jca-divider-large{  height: 64px !important;}
.jca-divider-big{  height: 128px !important;}

/* RADIUS */
.jca-radius-default{border-radius: var(--radius-default)}
.jca-radius-large{border-radius: var(--radius-large)}

/* POSITION */
.jca-position-absolute{position: absolute !important;}
.jca-position-fixed{position: fixed !important; z-index: 999 !important;}
.jca-position-relative{position: relative !important;}





/***********/
/* HEADER */
/**********/
#header{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: var(--header-height-default, 50px);
  background-color: var(--header-background-default, white);
  z-index: 99;
  transform: translateY(0);
  transition: all 800ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.scrolling-active #header{
  transform: translateY(-150%);
}

.scrolling-up #header{
  transform: translateY(0);
  background-color: var(--header-background-scroll, white);
  box-shadow: 0 0.4em 2em 0.1em rgba(46,102,150,0.06);
}


/* LOGO */
 .jca-logo{
    display: flex;
    padding: 4px 0 0 0;
    width: var(--logo-width-default, 100px);
    height: var(--logo-height-default, 100px);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
 }

 /* INFOPANEL */
 #infopanel{
   height: 60px;
   width: 800px;
   background: #00aeef;
   display: inline-flex;
   border-radius: 0 0 40px 40px;
   justify-content: space-between;
   padding: 0;
   margin: 0;
   text-align: left;
   transition: transform 0.8s cubic-bezier(0, 0, 0.2, 1); ;
   overflow: hidden;
 }

.scrolling-active #infopanel{
  transform: translateY(-120px);
}

.scrolling-up #infopanel{
  transform: translateY(0);
}

#infopanel li {
   display: flex;
   flex-grow: 1;
   width: 100%;
   align-items: center;
   color: #FFFFFF ;
   font-size: 12px;
   line-height: 1rem;
   letter-spacing: 0.4px;
   transition: all 0.6s ease-in-out;
   justify-content: space-between;
   align-items: center;
   overflow: hidden;
}

#infopanel li a{
    color: #FFFFFF;
    display: inline-block;
}

#infopanel li b{
    font-weight: 600;
}

#infopanel li img{
   height: 36px;
   padding-right: 6px;
   opacity: 0.8;
}

#infopanel li p{
   margin: 0;
}

#infopanel-pohotovost{
  padding: 0 12px 0 18px;
  background-color: #00a0dd;
}

#infopanel-nemocnice{
  padding: 0 24px 0 12px;
  background-color: #00a0dd;
}

#infopanel-ambulance{
  background-color: #00cece;
  padding: 0 24px 0 12px;
}

#infopanel span{
transition: all 0.8s ease-in-out;
}


.infopanel-full{
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transition: all 0.02s ease-in 0s;
  padding: 0 0 0 16px;
  width: 100%;
}

.infopanel-adresa{
  border-left: 1px solid  rgba(255,255,255,0.4);
  border-right: 1px solid  rgba(255,255,255,0.4);
  padding: 0 16px;
  display: block;
  flex-basis: 50%;
  text-align: center;
}

.infopanel-odkaz{
  flex-basis: 50%;
  text-align: center;
}

.infopanel-full .wp-block-button__link{
  color: #FFFFFF !important;
  margin: 0  !important;
  font-size: 14px !important;
  background-color: transparent !important;
}

.infopanel-full .wp-block-button__link:before{
  background-color: transparent !important;
  top: 6px !important;
}




#infopanel.pohotovost #infopanel-nemocnice,
#infopanel.pohotovost #infopanel-ambulance{
   width: 40px;
}

#infopanel.pohotovost #infopanel-nemocnice span,
#infopanel.pohotovost #infopanel-ambulance span{
   opacity: 0;
}

#infopanel.pohotovost #infopanel-pohotovost .infopanel-full{
  opacity: 1;
  transition: all 0.8s ease-in-out 0.4s;
}


#infopanel.nemocnice #infopanel-pohotovost,
#infopanel.nemocnice #infopanel-ambulance{
   width: 40px;
}

#infopanel.nemocnice #infopanel-pohotovost span,
#infopanel.nemocnice #infopanel-ambulance span{
   opacity: 0;
}

#infopanel.nemocnice #infopanel-nemocnice .infopanel-full{
  opacity: 1;
  transition: all 0.8s ease-in-out 0.4s;
}

#infopanel.ambulance #infopanel-nemocnice,
#infopanel.ambulance #infopanel-pohotovost{
   width: 40px;
}

#infopanel.ambulance #infopanel-nemocnice span,
#infopanel.ambulance #infopanel-pohotovost span{
   opacity: 0;
}

#infopanel.ambulance #infopanel-ambulance .infopanel-full{
  opacity: 1;
  transition: all 0.8s ease-in-out 0.4s;
}

/* MENU */
#jca-hamburger{
  position: fixed;
  z-index: 999;
  padding: 16px;
  width: 24px;
  height: 24px;
  top: 0;
  right: 0;
  cursor: pointer;
}

#jca-hamburger #svg-close{
  display: none;
}

.showMenu  #jca-hamburger #svg-close{
  display: block;
}

.showMenu #jca-hamburger #svg-hamburger{
  display: none;
}

.jca_top_menu{
  height: 100%;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  }

.jca_top_menu .menu{
  display: flex;
  margin: 0;
  padding: 0 12px;
  list-style-type: none;
  justify-content: space-between;
}

.jca_top_menu .menu li{
    padding: 6px 1rem 0 1rem;
}

.jca_top_menu .menu li a{
  display: inline-block;
  padding: 0.4rem 0.2rem;
  text-decoration: none;
  /*font-size: 0.94rem;*/
  font-weight: 400;
  color: var(--font-color-header, #000000);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  border-bottom: 2px solid rgba(0,0,0,0);
}

.jca_top_menu .menu li a:hover,
.jca_top_menu .menu li.current-menu-item a
{
  color: var(--font-color-title, #000000);
  border-bottom: 2px solid  var(--font-color-highlight, #000000);
}

/* CONTENT */
#content{
  /*margin-top: var(--header-height-default,100px);*/
  padding-top: var(--content-margin-top);
  min-height: 30vh;
}

.no-top #content{
  padding-top: 0;
}


/* FOOTER */
#footer{
  position: relative;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  justify-content: space-between;
  font-size: var(--font-size-small);
  line-height: 1.4em;
  margin: 0;
  padding-top: 24px;
  padding-bottom: 48px;
  background-color: #edfcfe;
  margin-top: 0px;
}


#footer a{
  color: inherit;
}

#footer b{
  color: var(--font-color-title);
  font-weight: 500;
}

#footer li{
  display: flex;
  align-items: center;
  padding:  16px 0;
}

#footer li img{
  height: 32px;
  width: 32px;
  padding-right: 16px;
}

#footer li p{
  margin: 0;
}


/***************/
/* WP GUTENBERG */
/***************/

figcaption{
  font-size: var(--font-size-small);
  text-align: center;
  padding-bottom: 1rem;
  opacity: 0.8;
  font-style: italic;
}

/* BUTTONS */

html .wp-block-button__link{
  padding: var(--button-padding-default, 2rem) !important;
  font-size: var(--font-size-default, 1.1rem);
  font-weight: var(--font-weight-bold, 400);
  line-height: var(--line-size-default, 2rem);
  border-radius: var(--button-radius-default, 0rem) !important;
  border-width: var(--button-border-size-default, 0rem) !important;
  border-color: var(--button-border-color-default, #000000) !important;
  border-style: solid !important;
  background-color: var(--button-bg-default, #000000) ;
  display: inline-block;
  position: relative;
  overflow: hidden;
  color: var(--button-color-default) !important;
  transition: all 0.4s ease-out;
}

html .wp-block-button__link.btn-light,
html .subtn-light .wp-block-button__link{
  font-size: 1em;
  padding-right: 1em;
  background-color: transparent !important;
  color: var(--font-color-title) !important;
  padding-left: 0 !important;
  padding-right: 48px !important;
}

html .wp-block-button__link:before,
html .subtn-light .wp-block-button__link:before{
position: absolute;
top: 8px;
right: 6px;
width: 32px;
height: 32px;
/*background: url(img/arrow-right.svg) no-repeat center;*/
background-color: transparent;
background-size: 12px 12px;
content: '';
border-radius: var(--button-radius-default,0);
transform-origin: 0 0;
transition: all 0.4s ease-in-out;
z-index: 0;
}

html .wp-block-button__link:hover{
  background-color: var(--font-color-title);
}


html .wp-block-button__link:hover:before{
/*border-radius: 24px;
background-color: var(--font-color-title);*/
}

html .wp-block-button__link.btn-light:before,
html .subtn-light .wp-block-button__link:before{
  background-color: transparent;
  background: url(img/arrow-right-blue.svg) no-repeat center;
  background-size: 50%;
  height: 1.7em;
  width: 1.7em;
  border: 2px solid rgba(0,0,0,0);
}

html .wp-block-button__link.btn-light:hover:before,
html .subtn-light .wp-block-button__link:hover:before{
border-radius: var(--radius-large,0);
border: 2px solid var(--font-color-highlight);
}

html .wp-block-button__link.btn-light:hover,
html .subtn-light .wp-block-button__link:hover{
color: var(--font-color-highlight) !important;
}


/* FLEX - GAP */

.gap-0{gap: 0 !important}
.gap-8{gap: 8px !important}
.gap-16{gap: 16px !important}
.gap-32{gap: 32px !important}
.gap-1em{gap: 1em !important}
.gap-2em{gap: 2em!important }



/* MEDIATEXT wp-block-media-text */

html .wp-block-media-text .wp-block-media-text__content{
  padding: 0 var(--padding-small-w);
}

html .wp-block-media-text__content p,
html .wp-block-columns p{
  color: var(--font-color-default, #666666) ;
}


html .wp-block-media-text{
  padding-right: var(--padding-default-w, 0) ;
}

html .wp-block-media-text.has-media-on-the-right{
  padding-left: var(--padding-default-w, 0) ;
  padding-right: 0 ;
}


html .wp-block-media-text__media{
  transition: all 1.8s  cubic-bezier(0, 0, 0.2, 1);
  border-radius: 0 var(--radius-image) var(--radius-image) 0;
}

html .has-media-on-the-right .wp-block-media-text__media{
  border-radius: var(--radius-image) 0 0 var(--radius-image);
}

html #top_carousel .wp-block-media-text__media{
  border-radius: 0 var(--radius-image) 0 0;
}

html #top_carousel .has-media-on-the-right .wp-block-media-text__media{
  border-radius: var(--radius-image) 0 0 0;
}


html .wp-block-media-text__media {
  overflow: hidden;
}

/*
.jcanimate.wp-block-media-text .wp-block-media-text__media{
  transform: scale(0.96);
  transform-origin: center left;
  transition: all 1s var(--animation-in-out);
}
.jcanimate.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  transform-origin: center right;
}

.jcanimate.wp-block-media-text.ok .wp-block-media-text__media{
  transform: scale(1);
}*/

.www .jcanimate.wp-block-media-text h1,
.www .jcanimate.wp-block-media-text h2,
.www .jcanimate.wp-block-media-text h3,
.www .jcanimate.wp-block-media-text h4,
.www .jcanimate.wp-block-media-text h5,
.www .jcanimate.wp-block-media-text h6,
.www .jcanimate.wp-block-media-text p,
.www .jcanimate.wp-block-media-text pre,
.www .jcanimate.wp-block-media-text .wp-block-buttons,
.www .jcanimate.wp-block-media-text__slide .wp-block-button__link:before{
  transform: translateX(4%);
  opacity: 0;
  transition: all 0.6s var(--animation-in-out);
  will-change: transform, opacity;
}

.www .jcanimate.wp-block-media-text .wp-block-button__link:before{
  transform: translateX(-40%) !important;
  will-change: transform;
  /*transition: transform 0.4s var(--animation-in-out) 0.5s;*/
}

.jcanimate.wp-block-media-text.ok h1,
.jcanimate.wp-block-media-text.ok h2,
.jcanimate.wp-block-media-text.ok h3,
.jcanimate.wp-block-media-text.ok h4,
.jcanimate.wp-block-media-text.ok h5,
.jcanimate.wp-block-media-text.ok h6,
.jcanimate.wp-block-media-text.ok p,
.jcanimate.wp-block-media-text.ok pre,
.jcanimate.wp-block-media-text.ok .wp-block-buttons,
.jcanimate.wp-block-media-text.ok .wp-block-button__link:before{
  opacity: 1;
  transform: translateX(0) !important;
  will-change: transform, opacity;
}

.jcanimate.wp-block-media-text.ok p,
.jcanimate.wp-block-media-text.ok pre{
  transition-delay: 0.2s;
}

.jcanimate.wp-block-media-text.ok .wp-block-buttons,
.jcanimate.wp-block-media-text.ok h6{
  transition-delay: 0.4s;
}

/* WP CITACE */
html .wp-block-pullquote{
  border: 1px solid #DEDEDE;
  border-radius: 16px;
  text-align: left;
  padding: 24px;
  margin: 0;
}

html .wp-block-pullquote blockquote{
  margin: 0;
  }

html .wp-block-pullquote blockquote p{
  margin: 0;
  color: var(--font-color-title);
  font-weight: 400;
  font-size: var(--font-size-default);
}

html .wp-block-pullquote blockquote cite{
  margin: 0;
  font-style: normal;
  font-size: var(--font-size-default);
}

/* MAPA */
.mapa img{
  border: 6px solid #FFFFFF !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  box-shadow: rgba(10, 86, 112, 0.0) 0px 40px 80px -20px, rgba(10, 86, 112, 0.15) 0px 30px 60px -30px;
}

/* JCA SHOW */

.www .jca-show{
  opacity: 0;
  transform: translateX(12px);
  transition: all 0.6s ease-out;
  will-change: transform, opacity;
}

.www .jca-show.ok{
  opacity: 1;
  transform: translateX(0);
}


/**********/
/* SPLIDE */
/**********/

.splide__slide{
  /*opacity: 0.4;*/
  transition: opacity 0.4s ease-in;
  margin-right: 32px;
}

.splide__slide p{
  /*font-size: 0.90rem;
  line-height: 1.6rem;*/
}

.splide__slide.is-visible{
  /*opacity: 1;*/
}

.splide__center{
  width: 1px;
  background-color: rgba(255,255,255,0.3)
}

.splide__pagination{
  height: 36px;
}

.splide__pagination__page{
  border: 0px solid rgba(0,0,0,0.2);
  background: rgba(0,168,232,0.4);
  margin: 0 6px;
  width: 8px;
  height: 8px;
}

.splide__pagination__page.is-active{
  border: 1px solid rgba(0,168,232,0.4);
}

.splide__arrows{
  display: none !important;
  padding: 0;

}

.jca_splide__arrows{
  display: flex  !important;
  justify-content: flex-end !important;
  direction: ltr !important;
  padding: 0;
  transform: translateY(-150%);
  padding-right: var(--padding-large-w);
}

.splide--rtl .jca_splide__arrows{
  padding-right: 0;
}

.splide__arrow{
  background: transparent;
  width: 50px;
  height: 30px;
  position: relative;
  transform: none;
  margin: 0 ;
  padding: 0;
  opacity: 1;
  display: block;
  left: auto !important;
  right: auto !important;
}

.splide__arrow:hover{
  opacity: 1;
}

.splide__center{
width: 32px;
}

.splide__arrow  path{
  fill: var(--font-color-default);
  transition: all 0.4s ease-in-out ;
}

.splide__arrow:hover path{
  fill: var(--font-color-highlight);
}

.splide__arrow  svg{
  width: 40px;
  height: 16px ;
  transform: scale(0.8) !important;
}

.jca-mobile  .splide img{
  width: 100% !important;
  height: auto !important;
  max-height: 100% !important;

}

.splide__track{
    overflow: visible;
}

.splide-post .splide__slide{
  padding: 0 32px 0 0;
}

.splide--rtl .splide__slide{
  text-align: left;
  padding: 0 0 0 32px;
}

/* SIPKY PO NAJETI */

.arrows-mouseover .splide__arrow{
  position: absolute !important;
  z-index: 999 !important;
  background: var(--button-bg-default) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 64px !important;
  height: 64px !important;
  box-shadow: 0 0.4em 2em 0.1em rgba(46,102,150,0.2);
  transition: all 0.6s ease-out;
}

.arrows-mouseover .splide__arrow:hover{
  background: var(--font-color-title) !important;
}

.arrows-mouseover .splide__arrows{
  position: absolute !important;
  top: 50%;
  left: 16px;
  right: 16px;
  z-index: 999 !important;
  transform: none !important;
  padding: 0 !important;
  opacity: 0;
  transition: opacity 0.6s ease-out;
}

.arrows-mouseover:hover .splide__arrows {
  opacity: 1;
}



.arrows-mouseover .splide__arrow path{
  fill: #FFFFFF;
}


.arrows-mouseover .splide__arrow--prev{
  left: 0px !important;
}

.arrows-mouseover .splide__arrow--prev{
  right: 0px !important;
}


.lekari-zoom{
  border-radius: var(--radius-large,0);
  border-bottom-left-radius: 0px;
  width: 9vw;
  height: 9vw;
  overflow: hidden;
  display: block;
}

.xy-post-img.lekari{
  width: 9vw;
  height: 9vw;
  object-position: center top;
  transform: scale(1.5);
  transform-origin: center top;
  /*border: 0.3em solid #FFFFFF;
  border-radius: var(--radius-large,0);*/
}

/* SPLIDE BANNER ANIMACE */

.splide-banner{
  background-color: #edfcfe;
  padding-top: var(--content-margin-top);
}

.splide-banner .splide__pagination{
  position: relative;
}

.splide-banner .splide__slide{
  /*opacity: 0.4;*/
  transition: opacity 0.4s ease-in;
  margin:0px;
  height: 40vh !important;
  min-height: 360px;
  /*height: 50vh !important;*/
  display: flex;
  align-items: stretch;
}

.splide-banner .splide__slide .wp-block-media-text{
 width: 100%;
 overflow: hidden;
}


.splide-banner .splide__slide .wp-block-media-text__media{
  opacity: 0;
  transform-origin: center left;
  will-change: transform, opacity;
  /*transform: scaleX(1.02);*/
  transition: transform 0.6s ease-out, opacity 1s ease-out;
  overflow: hidden;
}

.splide-banner .splide__slide.is-visible .wp-block-media-text__media{
  opacity: 1;
  /*transform: scaleX(1);*/
}

.splide-banner .splide__slide .has-media-on-the-right .wp-block-media-text__media {
  transform-origin: center right;
}


.splide-banner .splide__slide h1,
.splide-banner .splide__slide h5,
.splide-banner .splide__slide p,
.splide-banner .splide__slide .wp-block-buttons,
.splide-banner .splide__slide .wp-block-button__link:before{
  transform: translateX(4%);
  opacity: 0;
  transition: all 0.4s var(--animation-in-out);
}

.splide-banner .splide__slide .wp-block-button__link:before{
  transform: translateX(-20%) !important;
}

.splide-banner .splide__slide.is-visible h1,
.splide-banner .splide__slide.is-visible h5,
.splide-banner .splide__slide.is-visible p,
.splide-banner .splide__slide.is-visible .wp-block-buttons,
.splide-banner .splide__slide.is-visible .wp-block-button__link:before{
  opacity: 1;
  transform: translateX(0) !important;
}

.splide-banner .splide__slide.is-visible h5{
  transition-delay: 0.1s;
}
.splide-banner .splide__slide.is-visible .wp-block-buttons{
  transition-delay: 0.2s;
}
.splide-banner .splide__slide .wp-block-button__link:before{
  transition: all 0.4s var(--animation-in-out) 0s;
}

/* POSTS - PRISPEVKY */

.xy-posts{
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
}

.xy-posts .xy-post{
  width: 25%;
  padding: 2em;
  box-sizing: border-box;
}

.xy-post-img{
  width: 100%;
  height: 12vw;
  border-radius: var(--radius-large,0);
  border-bottom-left-radius: 0px;
  border: 0px;
}

.current_categories{
  margin: 0;
}

.current_categories span,
.current_tags span{
  font-size: var(--font-size-small);
  color: #FFFFFF !important;
  background-color:  var(--font-color-highlight);
  padding: 6px 12px 5px 12px;
  margin-right: 6px;
  border-radius: 24px;
  text-transform: lowercase;
  font-weight: 400;
  font-size: 0.8rem;
}

.current_tags span{
  text-transform: none;
}

.current_tags span.tag-jizni-mesto {
  background-color: #00D9A5
}

.current_categories span.cat-napsali-o-nas{
  background-color: #00D9A5
}

.current_categories span.cat-aktualne {
  background-color: #F85C9D
}

.current_categories span.cat-zajimave-pripady{
  background-color: #666d82
}


/* POST DETAIL */

.single-post a{
color: var(--font-color-highlight) ;
}


.post-thumbnail img{
  height: 40vh;
  width: 60vh;
  max-height: 320px;
  max-width: 430px;
  border-radius: var(--radius-large,0);
  border-bottom-left-radius: 0px;
}

.type-lekari,
.type-mladsilekari,
.type-sestry,
.type-provozni{
  display: flex;
  gap: 0 64px;
}

.type-lekari .post-thumbnail img,
.type-mladsilekari .post-thumbnail img,
.type-sestry .post-thumbnail img,
.type-provozni .post-thumbnail img{
  height: 300px;
  width: 200px;
  border-radius: var(--radius-large,0);
  border-bottom-right-radius: 0px;
}



/****************/
/* PAGINATION  */

.pagination,
.pagination ul{
  text-align: center;
  display: flex;
  list-style-type: none;
  justify-content: center;
  padding: 0;
}

.pagination span,
.pagination a{
  display: inline-flex;
  width: 2em;
  height: 2em;
  margin: 0 0.2em;
  justify-content: center;
  align-items: center;
  color: var(--font-color-default);
  border: 1px solid  var(--font-color-default);
  border-radius: var(--radius-large);
}

.pagination .active,
.pagination .current{
  color: var(--font-color-highlight);
  border-color:  var(--font-color-highlight);
  pointer-events: none;
}

/*********/
/* TABS */

.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tabs label {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: block;
  margin-right: 0.4rem;
  cursor: pointer;
  transition: all ease 0.2s;
  background-color: #FFFFFF;
  border: 1px solid  #d5f8fd;
  border-bottom: 0;
  border-radius: 24px 24px 0 0;
  color: var(--font-color-title);
  transition: color 0.8s ease-out;
}

.tabs label b{
  display: inline-block;
  padding: 1rem 2rem;
}

.tabs .tab {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  -ms-flex-order: 99;
  order: 99;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  padding: 1rem;
  background: #edfcfe;
  border: 1px solid  #d5f8fd;
  opacity: 0;
  position: absolute;
  height: 0px;
  padding: 0;
  overflow: hidden;
  transition: all 0;
  border-radius: 0 24px 24px 24px;
}

.tabs .tab .inner{
  padding: var(--padding-mini-w);
}

.tabs input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.tabs input[type="radio"]:checked + label {
  background: #edfcfe;
  color: var(--font-color-highlight);
}

.tabs  input[type="radio"].jizni-mesto:checked + label {
  background: #edfcfe;
  color: var(--font-color-green);
}



.tabs input[type="radio"]:checked + label + .tab {
  opacity: 1;
  overflow: auto;
  height:auto;
  position: relative;
  transition: all 0.8s ease-out;
}

/* TABULKA HODINY */
.hodiny, th, td {
  border: 1px solid #cbeef5;
  border-collapse: collapse;
}

.hodiny{
  width: 100%;
}

.hodiny td{
  padding: 0.5rem 1rem;
  font-size: 0.86em;
}

/* KONTAKTY */

html .kontakty-col-1{
  flex-grow: 3 !important;
}

html .kontakty-col-2{
  flex-grow: 2 !important;
}

html .kontakty-col-2 .mapa{
  width: auto !important;
  height: auto !important;
  margin: auto;
}

html .kontakty-col-2 .mapa img{
  width: 100%;
  height: 100%;
  transform: translateX(-0.5em);
}

html .btn-tab{
    margin: 0 !important;
}


/* TAB KONTAKTY */
.tab-labels{
  display: flex;
  gap: 12px;
}

.btn-tab {
  display: block;
  cursor: pointer;
  transition: all ease 0.2s;
  border: 1px solid  #d5f8fd;
  border-bottom: 0;
  padding: 1rem 2rem;
  border-radius: 24px 24px 0 0;
  color: var(--font-color-highlight);
  transition: color 0.8s ease-out;
  margin-right: 1em;
  font-weight: 400;
  background: #edfcfe;
  transition: background-color 0.6s ease-out ;
}

#kontakty-btn-2{
  background: #ffffff;
  color: var(--font-color-green);
}

.kontakty-2 #kontakty-btn-2{
  background: #e8fffd;
}

.kontakty-2 #kontakty-btn-1{
  background: #ffffff;
}

#kontakty-1, #kontakty-2{
  overflow: hidden;
  transition: opacity 0.6s ease-out ;
}

#kontakty-2{
height: 0;
opacity: 0;
}

.kontakty-2 #kontakty-1{
  height: 0;
  opacity: 0;

}

.kontakty-2 #kontakty-2{
  height: auto;
  opacity: 1;
}

.kontakty-2 #kontakty-all{
  background-color: #e8fffd !important;
}


/* INFO */
#info{
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  /*top: var(--header-height-default);*/
  background-color: var(--bg-color-respons-menu);
  color: var(  --font-color-respopns-menu);
  font-size: var(--font-size-default);
  line-height: var(--line-size-small);
  padding-top: 32px;
  padding-bottom: 32px;
  overflow-y: auto;
}

#info-close{
  position: absolute;
  cursor: pointer;
  right: 32px;
  transform: scale(1.6);
}

/*************/
/*  RESPONZ  */
/*************/
@media only screen and (max-width: 1600px) {
:root {
  --padding-mini-w: 1vw ;
  --padding-small-w: 3vw ;
  --padding-default-w: 4vw ;
  --padding-large-w: 5vw ;
  --padding-big-w: 6vw ;
}
}

@media only screen and (max-width: 1100px) {


  .showMenu #header{
    transform: translateY(0) !important;
  }

  #menu-hlavni-menu{
      position: fixed;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
      z-index: 900;
      padding: 80px 0 0 0;
      flex-direction: column;
      background-color: var(--bg-color-respons-menu, #000000) ;
      height: 100vh;
      opacity: 0;
      pointer-events: none;
      /*transition:  opacity 0.4s cubic-bezier(0.4, 0, 1, 1);*/

      text-align: center;
  }

  #infopanel{
    display: none;
  }

  .jca_top_menu .menu a{
    color: var(--font-color-respopns-menu, #000000) !important;
    font-size: var(--font-size-large, 1.3rem) !important;
    display: block;
  }

  .showMenu #menu-hlavni-menu {
    opacity: 1;
    pointer-events: auto;
    transition:  opacity 0.4s cubic-bezier(0.4, 0, 1, 1);
    justify-content:flex-start;
  }

  #jca-hamburger{
    display: block;
  }

  .xy-posts .xy-post{
    width: 50%;
  }

  .xy-post-img {
    height: 20vw;
  }


  .xy-post-img.lekari {
      width: 9vw;
      height: 9vw;
  }

  #footer li{
    width: 33%;
  }

}

@media only screen and (max-width: 768px) {

  :root {
      --padding-large-w: 6vw ;
      --padding-big-w: 6vw ;
      --logo-height-default: 56px ;
      --logo-width-default: 80px ;
      --header-height-default: 56px;
      --content-margin-top: 64px;
      --font-size-h1: 2rem;
      --font-size-h2: 1.6rem;
      --font-size-h3: 1.4rem;
      --font-size-small: 1rem;
  }

  /*PADDING - height*/
  .mobile-pl-small{padding-left: 0vw;}
  .mobile-pr-small{padding-right: 0vw;}
  .mobile-plr-small{padding-left: 0vw; padding-right: 0vw;}
  .mobile-pl-default{padding-left: 6vw;}
  .mobile-pr-default{padding-right: 6vw;}
  .mobile-plr-default{padding-left: 6vw; padding-right: 6vw;}
  .min-height-20-desktop{min-height: auto;}
  .min-height-40-desktop{min-height: auto;}
  .min-height-60-desktop{min-height: auto;}
  .min-height-80-desktop{min-height: auto;}
  .height-20-desktop{height: auto;}
  .height-40-desktop{height: auto;}
  .height-60-desktop{height: auto;}
  .height-80-desktop{height: auto;}
  .mobile-noplr{padding-left: 0 !important; padding-right: 0 !important}
  .mobile-nopl{padding-left: 0 !important}
  .mobile-nopr{padding-right: 0 !important}

  .mobile-text-center{text-align: center !important;}
  .mobile-content-center{justify-content:center !important;}

  #header{
    box-shadow: 0 0.4em 1em 0.1em rgba(46,102,112,0.06);
    background-color: #FFFFFF!important;
  }


  .jca-logo{
     background-position: center 12px;
     background-size: 100%;
     background-repeat: no-repeat;
     position: absolute;
     left: 12px;
     top: 0;
  }


  #jca-hamburger{
    top: 0;
    right: 0;
    background-color: #FFFFFF;
  }

  #footer li{
    width: 100%;
    font-size: 1.2em;
  }

  html .wp-block-media-text{
    padding-left: 0;
    padding-right: var(--padding-default-w, 0);
  }


  html .wp-block-media-text .wp-block-media-text__content{
    padding-right: 0;
    padding-left: var(--padding-default-w, 0);
  }
  html .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
    padding-left: 0;
    padding-right: var(--padding-default-w, 0);
  }

  .jca-divider-big{
    height: 80px !important;
  }

  .splide-post .splide__slide {
      padding: 16px 16px 16px 0;
  }

  .xy-post-img {
    height: 50vw;
  }

  .xy-post-img.lekari {
      width: 45vw;
      height: 65vw;
  }

  .type-lekari,
.type-mladsilekari,
.type-sestry,
.type-provozni{
  flex-direction: column;
}

  .xy-posts .xy-post{
    width: 100%;
    padding: 2em 0;
  }

  .splide__slide{
    padding: 0 24px 0 0 !important;
    margin-right: 8px !important;
  }

 .splide-banner .splide__slide{
   padding: 0 !important;
   height: 100% !important;
 }

  .splide-banner .wp-block-media-text__media {
    height: auto !important;
    min-height: 30vh  !important;
  }

 .splide__pagination{
   position: absolute;
 }

  .splide__center{
    width: 0;
  }

  .jca_splide__arrows{
    padding: 0;
  }

  .pagination{
  justify-content: center;
  }

  .pagination span, .pagination a {
    display: inline-flex;
    width: 1.6em;
    height: 1.6em;
  }

  .mobile-hidden{
    display: none !important;
  }

  .desktop-hidden{
    display: block !important;
  }

  .post-thumbnail img{
  height: 30vh;
  width: 100%;
  border-radius: 0 0 10vw 10vw;
  }

  .splide-lekari .lekari-zoom,
  .splide-lekari .xy-post-img.lekari{
    width: 32vw;
    height: 32vw;

  }

  .type-lekari,
  .type-mladsilekari,
  .type-sestry{
    display: block;
  }

  .tabs .tab{
    border-radius: 0;
    font-size: 90%;
    line-height: 1.6em;
    padding: 0;
  }

.tabs .tab .inner{
  padding: 0;
}

  .tabs label {
    width: 50%;
    padding: 0px;
    margin: 0;
    border: 0;
    border-top: 1px solid #cbeef5;
    border-radius: 0;
    font-size: 90%;
    line-height: 1.6em;
    overflow: visible;
    text-align: center;
  }

  .tabs label b{
      padding: 12px;
  }

  ul.seznam li{
    margin: 0 8px 0 0;
    padding: 0;
  }

  ul.seznam li:before{
    width: 2px;
    height: 2px;
  }

  ul.seznam li a{
   font-size: 16px;
   padding-left: 6px;
   line-height: 20px;
  }


  #kontakty-1, #kontakty-2{
    height: auto !important;;
    opacity: 1 !important;;
  }

  #kontakty-all .hodiny-block{
    overflow: auto;
    margin: 0 -32px;
    width: auto;
  }

  #kontakty-all .hodiny{
    width: 180vw;
    border: 2px solid #cbeef5;
  }

  #kontakty-all{
    padding: 0;
  }

  html .kontakty-col-2 .mapa{
    width: 60vw !important;
    height: 60vw !important;
    margin-top: 32px;
  }

  /* FLEX - GAP */

  .m-gap-0{gap: 0 !important}
  .m-gap-8{gap: 8px !important}
  .m-gap-16{gap: 16px !important}
  .m-gap-32{gap :32px !important}
  .m-gap-1em{gap: 1em !important}
  .m-gap-2em{gap: 2em !important}


  .arrows-mouseover .splide__arrows{
    top:auto;
    bottom: 16px;
    left: 4px;
    right: 4px;

  }
  .arrows-mouseover .splide__arrow{
    width: 32px !important;
    height: 32px !important;
  }

}