/*** rezervační form ***/
.em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored a {
    border: 0;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 0 0 0;
}

.em.pixelbones a {
    padding: 0px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #004d40 !important;;
}

.em.em-list-widget .em-item .em-item-info {
    border-left: 2px solid #004d40 !important;
}

/*** footer ***/
/* === Kontakt blok === */

.kontakt-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.kontakt-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 16px;
  color: #ffffff;
}

.kontakt-item i {
  font-size: 18px;
  color: #ffffff;
}

.kontakt-item a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease;
}

.kontakt-item a:hover {
  color: #d0d0d0;
}

/* Sociální ikony */
.kontakt-socials {
  display: flex;
  gap: 16px;
  margin-top: 10px;
}

.kontakt-socials a {
  font-size: 20px;
  color: #d1d5db;
  transition: color 0.2s ease;
}

.kontakt-socials a:hover {
  color: #d0d0d0;
}

/*** google map ***/
.vc_column_container>.vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

.wpb_content_element {
    margin-bottom: 0px;
}

/*** kod z home page ***/
h1 {
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 72px !important;
    font-family: forum;
    text-align: center;
    margin: 0px;
}
h2{
    color: #004D40;
    font-size: 36px !important;
    text-align: center;
    font-weight: 700;
}
h3 {
    font-size: 30px !important;
    font-weight: 700;
    color: #004D40;
}
#main #content-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
}
.textBanner {
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-family: forum;
    text-align: center;
}
.pozadiHlBanner {
  /*background-image: url('https://chcinovyweb.cz/wp-content/uploads/2025/08/photo-1544367567-0f2fcb009e0b.avif');*/
  background-repeat: no-repeat;
  background-size: cover; /* nebo contain, pokud chceš zachovat celý obrázek */
  background-position: center center;
  max-height: 500px;
}
/*tlačítko banner*/
.tlacitkoBanner {
    color: #004D40;
    font-family: DM sans;
    background-color: #ffc107;
    padding: 12px 32px;
}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #004D40;
    font-family: DM sans;
    padding: 12px 32px;
}
.page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button) {
    cursor: pointer;
    text-decoration-skip-ink: all;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-family: DM sans;
    padding: 12px 32px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 18px;
}
.page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button) {
    text-decoration: none;
}


.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    background-color: #ffa000 !important;
    border-color: #ffa000 !important;
    color: #004D40 !important;
}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:active {
    background-color: #ffa000 !important;
    border-color: #ffa000 !important;
    color: #004D40 !important;
}

.page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button):hover {
    text-decoration: none;
    text-decoration-style: none;
    text-decoration-skip-ink: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/*Naše filozofie */
.radekFilo {
    display: flex;
}

@media only screen and (max-width: 925px){
    .radekFilo {
        display: grid;
        padding-bottom: 20px;
    }
    .obdelnikFilozofie {
        padding: 5px 10px;
        margin: 15px 5px;
        border-radius: 10px;
    }
    
}

.obdelnikFilozofie {
    background-color: #fff;
    border-radius: 3px;
    padding: 32px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    margin: 10px 30px 30px 10px;
}

.ikonkyNaFilde {
  list-style: none;   /* odstraní tečky */
  padding: 0;
  margin: 0;
}

.ikonkyNaFilde li {
  margin-bottom: 10px;
  font-size: 16px;
}

.ikonkyNaFilde i {
  color: #004D40;
  margin-right: 8px; /* mezera mezi ikonou a textem */
}

/* O nás */
.textOnas {
    padding-left: 50px;
}
.onasJmeno {
    padding-top: 90px;
}

@media only screen and (max-width: 925px){
    .textOnas {
        padding-left: 0px;
    }
    .onasJmeno {
        padding-top: 0px;
    }
    
}
/*Měsíční výzva */
.neTlacitko {
  display: inline-block;
  background-color: #f9b300;   /* žlutá barva pozadí */
  color: #003d32;              /* tmavozelený text */
  font-weight: bold;
  text-transform: uppercase;
  padding: 3px 20px;
  border-radius: 9999px;       /* pilulkový tvar */
  font-size: 14px;
  text-align: center;
}
/* zarovnání na střed */
.center {
  text-align: center;
}

.info-row {
  display: flex;
  gap: 20px;              /* mezera mezi boxy */
  justify-content: center; /* centrování obsahu */
  flex-wrap: wrap;        /* na mobilech pod sebe */
}

.info-box {
  background-color: #FFFFFF1A; /* tmavozelený průhledný efekt */
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  flex: 1;
  min-width: 250px;
  text-align: center;
  font-size: 18px;
}

/*Pro firmy*/
.benefits {
  display: flex;
  flex-direction: column;
  gap: 20px; /* mezera mezi řádky */
}

.benefit-item {
  display: flex;
  align-items: flex-start;
  gap: 12px; /* mezera mezi ikonou a textem */
}

.benefit-item .icon {
  font-size: 22px;   
  flex-shrink: 0;    
  color: #37474F;    /* barva ikony */
}

.benefit-item p {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  color: #37474F;    /* barva textu */
}

/* Tlačítko firmy */
.vc_btn3.vc_btn3-color-success.vc_btn3-style-modern {
    background-color: #004D40;
    border-color: #004D40;
    color: #fff;
}

.vc_btn3.vc_btn3-color-success.vc_btn3-style-modern:hover {
    background-color: #026554;
    border-color: #026554;
    color: #f7f7f7;
}

/*** Výpis Lekcí ***/

.vypisLekci {
  padding-top: 70px;
}

@media (max-width: 925px){
  .vypisLekci {
  padding-top: 10px;
}
}

/*** Recenze 
.recenzeRadek {
  display: flex;
}

@media only screen and (max-width: 925px){
    .recenzeRadek {
        display: grid;
    }  
}***/

/* === Recenze – základní proměnné === */
:root{
  --rec-bg: #ffffff;
  --rec-text: #2b2f33;
  --rec-muted: #6b747c;
  --rec-accent: #f3b10a;   /* žlutá linka vlevo */
  --rec-shadow: 0 6px 18px rgba(0,0,0,.06);
  --rec-radius: 14px;
  --rec-gap: 28px;
}

/* === Layout řady (WPBakery row) === */
.recenzeRadek{
  display: flex;
  flex-wrap: wrap;
  gap: var(--rec-gap);
  align-items: stretch;
}

/* WPBakery sloupce – zajistí stejnou výšku karet */
.recenzeRadek .vc_column_container{
  flex: 1 1 0;
  min-width: 280px;               /* aby se to nerozpadlo */
  display: flex;                  /* sloupec se chová jako flex-kontejner */
}
.recenzeRadek .vc_column_container > .vc_column-inner,
.recenzeRadek .vc_column_container > .vc_column-inner > .wpb_wrapper{
  display: flex;
  flex: 1 1 auto;
}

/* === Karta recenze === */
.recenzeCard{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;  /* 👉 posune celý obsah na střed výšky */
  align-items: flex-start;  /* 👉 text zůstane vlevo */
  gap: 20px;
  padding: 28px 32px 30px 32px;
  background: var(--rec-bg);
  border-left: 6px solid var(--rec-accent);
  border-radius: var(--rec-radius);
  box-shadow: var(--rec-shadow);
  transition: transform .2s ease, box-shadow .2s ease;
  flex: 1 1 auto;
  text-align: left;         /* 👉 jistota, že text zůstane vlevo */
}

.recenzeIkona {
  font-size: 26px;
  color: var(--rec-muted);
  margin-bottom: 20px;   /* trochu odsazení od textu */
}
/* Velké uvozovky nahoře vlevo 
.recenzeCard::before{
  content: "”";
  position: absolute;
  top: 8px;
  left: 16px;
  font-size: 44px;
  line-height: 1;
  color: var(--rec-muted);
  opacity: .35;
}*/

/* Hover efekt (není agresivní) */
.recenzeCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
}

/* Text recenze */
.recenzeText{
  font-style: italic;
  color: var(--rec-text);
  line-height: 1.65;
  margin: 6px 0 0 0;
  min-height: 140px;
}

/* Autor */
.recenzeAutor{
  margin-top: auto;               /* jméno vždy dole */
  font-weight: 700;
  color: #0c8a62;                 /* decentní „zelená“ jako na náhledu */
  padding-top: 20px;
}

/* === Responsivita === */
@media (max-width: 1200px){
  :root{ --rec-gap: 22px; }
  .recenzeCard{ padding: 24px 26px; }
  .recenzeCard::before{ font-size: 38px; left: 14px; }
}

@media (max-width: 925px){
  /* na tabletu 2 sloupce */
  .recenzeRadek{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--rec-gap);
  }
  .recenzeRadek .vc_column_container{
    display: block;               /* grid se postará o výšku */
  }
  .recenzeText{
  min-height: 0px;
}
.recenzeCard{ padding: 22px; }
}

@media (max-width: 600px){
  /* na mobilu 1 sloupec */
  .recenzeRadek{
    grid-template-columns: 1fr;
  }
  .recenzeCard{ padding: 22px; }
  .recenzeCard::before{ font-size: 34px; top: 6px; left: 12px; }
}


/*moje mapa*/
.wpb-tta-toggle-title {
    color: red;
}