/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* @link https://utopia.fyi/type/calculator?c=350,16,1.067,1370,16,1.333,7,4,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--4: clamp(0.3167rem, 0.9276rem + -0.7134vw, 0.7715rem);
  --step--3: clamp(0.4222rem, 0.9608rem + -0.629vw, 0.8232rem);
  --step--2: clamp(0.5628rem, 0.9866rem + -0.495vw, 0.8784rem);
  --step--1: clamp(0.7502rem, 1.0014rem + -0.2934vw, 0.9372rem);
  --step-0: clamp(1rem, 1rem + 0vw, 1rem);
  --step-1: clamp(1.067rem, 0.9757rem + 0.4173vw, 1.333rem);
  --step-2: clamp(1.1385rem, 0.9194rem + 1.0014vw, 1.7769rem);
  --step-3: clamp(1.2148rem, 0.8188rem + 1.8099vw, 2.3686rem);
  --step-4: clamp(1.2962rem, 0.6575rem + 2.9195vw, 3.1573rem);
  --step-5: clamp(1.383rem, 0.4134rem + 4.4325vw, 4.2087rem);
  --step-6: clamp(1.4757rem, 0.0569rem + 6.4856vw, 5.6102rem);
  --step-7: clamp(1.5745rem, -0.4513rem + 9.261vw, 7.4784rem);
}
.brxe-post-content ul,
.brxe-rich-text ul,
.brxe-text-basic ul,
.brxe-acf ul,
.brxe-acf-text ul,
.brxe-acf-wysiwyg ul {

    margin-bottom: 15px;
}

.domecek {
padding-top:5px !important;
}

/*Responzivní tabulky - mobilní verze zalamuje řádky */
table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

table th,
table td {
  padding: 8px;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
  word-break: break-word;
  white-space: normal;
}

/* Levý sloupec zarovnaný vlevo, pravý doprava */
table td:first-child {
  text-align: left;
}
table td:last-child {
  text-align: right;
}

/*MOBILNÍ VERZE: od šířky 480px níže */
@media screen and (max-width: 480px) {
  table,
  tbody,
  tr,
  td,
  th {
    display: block;
    width: 100%;
  }

  tr {
    margin-bottom: 15px;
    border-bottom: 2px solid #eee;
  }

  td {
    text-align: left !important;
    padding: 6px 0;
  }

  td:last-child {
    font-weight: bold;
    color: #000;
  }
}

@media only screen and (max-width: 768px) {
  .wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column,
  .wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column {
    width: 100% !important;
    padding-right: 0 !important;
    display: block !important;
  }
}