body { font-weight: 300; color: #000; font-family: Roboto, sans-serif; font-size: 16px; line-height: 1.75em; position: relative; }

/******************************************************************************/

a { color: #a2c037; font-weight: 400; }
a:hover { text-decoration: none; }
b, strong { font-weight: 600; }
img { border: 0; margin: 0; padding: 0; vertical-align: bottom; }

h1, .h1, h2, h3, h4, h5, h6 { font-family: Roboto Slab, sans-serif; margin-bottom: 0.5em; }
h1, .h1 { font-size: 34px; font-weight: 700; line-height: 1.5em; position: relative; color: #000; }
h2 { font-size: 28px; font-weight: 700; line-height: 1.5em; }
h3 { font-size: 22px; font-weight: normal; line-height: 1.5em; }
h4, h5, h6 {font-size: 16px; font-weight: normal; line-height: 1.5em; }
.h1 { display: block; }

table {	border-collapse: collapse; }
ul { padding-left: 20px; }
ol { padding-left: 20px; }
p { margin: 0; }

input, textarea, select, placeholder { font-family: Roboto, sans-serif; font-size: 16px; }

/******************************************************************************/

.zvyrazneni { color: #a2c037; }
.zvyrazneni-seda { color: #666; }
.zvyrazneni-zluta { color: #fab800; }

/******************************************************************************/

.mce-content-body img, #content img { max-width: 100%; height: auto; }

/*
.mce-content-body > h1,
.mce-content-body > h2,
.mce-content-body > h3,
.mce-content-body > h4,
.mce-content-body > p,
.mce-content-body > ul,
.mce-content-body > ol
{max-width: 700px;}
*/

/******************************************************************************/
/* tabulka */

.table {}
.table tr th { line-height: 1.5em; }
.table tr th, .table tr td { padding: 0px 15px 0px 0; }
.table tr th, .table thead tr td, .table tr.th td { background: var(--highlight); background: #ccc; color: #111; font-weight: normal; }

/******************************************************************************/
/* tlačítka */

.button { border: 0; cursor: pointer; display: inline-block; font-size: small; font-weight: bold; padding: 8px 25px; text-align: center; text-decoration: none; text-transform: uppercase; }
.button.w100 { width: 100%; }
.button.small { line-height: 1.25em; padding: 2px 5px; text-transform: none; }
.button-black { background: #000; color: #fff; }
.button-black:hover { background: #111; }
.button-white { background: #fff; color: #222; }
.button-white:hover { background: #eee; }
.button-yellow { background: var(--yellow); color: #222; }
.button-yellow:hover { background: var(--yellow-hover); }
.button-cta { background: var(--highlight); color: #fff; }
.button-cta:hover { background: var(--highlight-hover); }

/******************************************************************************/
/* tabulka - ceník */

.table-envelope { width: auto !important; }
.table-envelope tr th, .table-envelope thead tr td { background: #777; color: #fff !important; padding: 3px 15px; }
.table-envelope tr th:first-child { text-align: left; }
.table-envelope tr td { padding: 3px 15px; vertical-align: top; }
.table-envelope tr td:first-child { color: var(--highlight); }
.table-envelope tr td:last-child { white-space: nowrap; }
.table-envelope tr:nth-child(even) td { background: #efefef; }
.table-envelope tr:nth-child(odd) td {}

/******************************************************************************/
/* tabulka - o nás */

.table-about-us { width: 100%; }
.table-about-us tr td { padding: 10px 0; vertical-align: top; width: 50%}
.table-about-us tr:nth-child(even) td {}
.table-about-us tr:nth-child(odd) td {}

/******************************************************************************/
/* tabulka - otvírací doba */

.table-opening-hours {}
.table-opening-hours tr td { padding: 0 15px; }
.table-opening-hours tr:nth-child(even) td { background: #eee; }
.table-opening-hours tr:nth-child(odd) td {}

/******************************************************************************/
/* tabulka - adresa */

.table-address { width: 100% !important; }
.table-address tr td { overflow: hidden; position: relative; vertical-align: top; }
.table-address iframe { height: 210px; width: 99.99%; }

/******************************************************************************/
/* tabulka - kontakty */

/*
.table-contacts { width: 100% !important; }
.table-contacts tr td { padding: 0 15px 45px 0; vertical-align: top; width: 33.33% !important; }
*/

.table-contacts { display: flex; flex-direction: column; width: 100%; }
.table-contacts tr { display: flex; justify-content: space-between; }
.table-contacts tr td { flex: 1; }

/******************************************************************************/
/* tabulky - detail projektu */

.table-project-detail-text { width: 65%; display: inline-block; }
.table-project-detail { width: 23%; position: relative; right: 0; float: right; }

/******************************************************************************/
/* tabulky - 2 sloupce */

.table-two-cols { width: 100% !important; height: auto !important; }
.table-two-cols tr td { vertical-align: top; vertical-align: top; width: 50% !important; }
.table-two-cols tr td:first-child { padding-right: 2%;}
.table-two-cols tr td:last-child { padding-left: 2%;}

@media (max-width: 750px) {
    .table-two-cols tr td {width: 100% !important;display:block;box-sizing:border-box;clear:both;padding: 1em 0;}
    .table-two-cols tr td:first-child {padding-right: 0;padding-top: 0;}
    .table-two-cols tr td:last-child {padding-left: 0;padding-bottom: 0;}   
}

#tinymce .button-cta {
    --highlight: #a2c037;
    --highlight-hover: #91b026;
}