/* pico css úpravy proměnných - bez barev */
:root {
    --pico-font-size: 100%;
    --pico-border-radius: 3px;
    --pico-spacing: 16px;

    --pico-active-border-width: 2px;
}

/**
 * Color schemes

    b80000 - cervena - bude secondary
    3F3E6B - modra - bude primary
    cele to budu muset prekopat nejak
    napr. pro primary dava vice smysl asi modra
 */
[data-theme=light],
:root:not([data-theme=dark]) {
    --pico-background-color: #fff;
    --pico-color: #373c44;
    --pico-text-selection-color: rgba(2, 154, 232, 0.25);
    --pico-muted-color: #646b79;
    --pico-muted-border-color: #e7eaf0;
    --pico-primary: #3F3E6B;
    --pico-primary-background: #3F3E6B;
    --pico-primary-border: #3F3E6B;
    --pico-primary-underline: #3F3E6B;
    --pico-primary-hover: #b80000;
    --pico-primary-hover-background: #b80000;
    --pico-primary-hover-border: var(--pico-primary-hover-background);
    --pico-primary-hover-underline: var(--pico-primary-hover);
    --pico-primary-focus: #b80000;
    --pico-primary-inverse: #fff;
    --pico-secondary: #b80000;
    --pico-secondary-background: #b80000;
    --pico-secondary-border: var(--pico-secondary-background);
    --pico-secondary-underline: #3F3E6B;
    --pico-secondary-hover: #3F3E6B;
    --pico-secondary-hover-background: #3F3E6B;
    --pico-secondary-hover-border: var(--pico-secondary-hover-background);
    --pico-secondary-hover-underline: var(--pico-secondary-hover);
    --pico-secondary-focus: rgba(93, 107, 137, 0.25);
    --pico-secondary-inverse: #fff;
    --pico-contrast: #181c25;
    --pico-contrast-background: #181c25;
    --pico-contrast-border: var(--pico-contrast-background);
    --pico-contrast-underline: rgba(24, 28, 37, 0.5);
    --pico-contrast-hover: #000;
    --pico-contrast-hover-background: #000;
    --pico-contrast-hover-border: var(--pico-contrast-hover-background);
    --pico-contrast-hover-underline: var(--pico-secondary-hover);
    --pico-contrast-focus: rgba(93, 107, 137, 0.25);
    --pico-contrast-inverse: #fff;
    --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(129, 145, 181, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(129, 145, 181, 0.024), 0.0625rem 0.125rem 0.75rem rgba(129, 145, 181, 0.03), 0.1125rem 0.225rem 1.35rem rgba(129, 145, 181, 0.036), 0.2085rem 0.417rem 2.502rem rgba(129, 145, 181, 0.04302), 0.5rem 1rem 6rem rgba(129, 145, 181, 0.06), 0 0 0 0.0625rem rgba(129, 145, 181, 0.015);
    --pico-h1-color: #2d3138;
    --pico-h2-color: #373c44;
    --pico-h3-color: #424751;
    --pico-h4-color: #4d535e;
    --pico-h5-color: #5c6370;
    --pico-h6-color: #646b79;
    --pico-mark-background-color: #fde7c0;
    --pico-mark-color: #0f1114;
    --pico-ins-color: #1d6a54;
    --pico-del-color: #883935;
    --pico-blockquote-border-color: var(--pico-muted-border-color);
    --pico-blockquote-footer-color: var(--pico-muted-color);
    --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --pico-table-border-color: var(--pico-muted-border-color);
    --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
    --pico-code-background-color: #f3f5f7;
    --pico-code-color: #646b79;
    --pico-code-kbd-background-color: var(--pico-color);
    --pico-code-kbd-color: var(--pico-background-color);
    --pico-form-element-background-color: #fbfcfc;
    --pico-form-element-selected-background-color: #dfe3eb;
    --pico-form-element-border-color: #cfd5e2;
    --pico-form-element-color: #23262c;
    --pico-form-element-placeholder-color: var(--pico-muted-color);
    --pico-form-element-active-background-color: #fff;
    --pico-form-element-active-border-color: var(--pico-primary-border);
    --pico-form-element-focus-color: var(--pico-primary-border);
    --pico-form-element-disabled-opacity: 0.5;
    --pico-form-element-invalid-border-color: #b86a6b;
    --pico-form-element-invalid-active-border-color: #c84f48;
    --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);
    --pico-form-element-valid-border-color: #4c9b8a;
    --pico-form-element-valid-active-border-color: #279977;
    --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);
    --pico-switch-background-color: #bfc7d9;
    --pico-switch-checked-background-color: var(--pico-primary-background);
    --pico-switch-color: #fff;
    --pico-switch-thumb-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --pico-range-border-color: #dfe3eb;
    --pico-range-active-border-color: #bfc7d9;
    --pico-range-thumb-border-color: var(--pico-background-color);
    --pico-range-thumb-color: var(--pico-secondary-background);
    --pico-range-thumb-active-color: var(--pico-primary-background);
    --pico-accordion-border-color: var(--pico-muted-border-color);
    --pico-accordion-active-summary-color: var(--pico-primary-hover);
    --pico-accordion-close-summary-color: var(--pico-color);
    --pico-accordion-open-summary-color: var(--pico-muted-color);
    --pico-card-background-color: var(--pico-background-color);
    --pico-card-border-color: var(--pico-muted-border-color);
    --pico-card-box-shadow: var(--pico-box-shadow);
    --pico-card-sectioning-background-color: #fbfcfc;
    --pico-dropdown-background-color: #fff;
    --pico-dropdown-border-color: #eff1f4;
    --pico-dropdown-box-shadow: var(--pico-box-shadow);
    --pico-dropdown-color: var(--pico-color);
    --pico-dropdown-hover-background-color: #eff1f4;
    --pico-loading-spinner-opacity: 0.5;
    --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
    --pico-progress-background-color: #dfe3eb;
    --pico-progress-color: var(--pico-primary-background);
    --pico-tooltip-background-color: var(--pico-contrast-background);
    --pico-tooltip-color: var(--pico-contrast-inverse);
    --pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(76, 155, 138)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    --pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(200, 79, 72)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
    color-scheme: light;
}

/* promenne - dalsi barvy */
:root {
    --icko-icon-color: #fff;
    --icko-header-selection-color: #000;

    --icko-icon-chevron: url(img/chevron-right.svg);

}

/* HTML
*/
main img {
    border-radius: var(--pico-border-radius);
    width: 100%;
    height: auto;
    object-fit: contain;
}

/**
 *  Hlavicka - Header 
 */
header {
    background-color: var(--pico-secondary);
    color: var(--pico-primary-inverse);
}

header .container,
footer .container {
    padding-left: 0;
    padding-right: 0;
}

/** Header - Navigation
 * 
 */
header nav h1 {
    font-style: italic;
    margin: 0;
}

header nav :where(a:not([role=logo])) {
    color: var(--pico-primary-inverse);
    font-size: 125%;
    margin: calc(var(--pico-nav-link-spacing-vertical) * -1) .5rem;
    padding: calc(var(--pico-nav-link-spacing-vertical) + 0) 0;
    border-radius: 0;
}

header nav li a.active {
    color: var(--pico-primary-inverse);
    border-bottom: 3px #fff solid;
}

header nav :where(a[role="button-link"]):is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
    text-decoration: none;
}

header nav ul.links a:is([aria-current]:not([aria-current="false"]), :hover, :active, :focus) {
    text-decoration: none;
    border-bottom: 3px #fff solid;
}


/* Header - Tlacitko Program a Nemovitosti
 * 
*/
header .container {
    margin-bottom: 0;
}

header nav button.outline {
    border-color: #fff;
}

header nav button.outline:hover,
header nav button.outline:active,
header nav button.outline:focus {
    background-color: #ffffff80;
}

header nav button :where(a[role="button-link"]) {
    font-weight: 500;
}

header nav button.contrast {
    background: #fff;
    border-color: #fff;
}

header nav button.contrast :where(a[role="button-link"]) {
    color: var(--pico-secondary);
}

header nav button.contrast:hover,
header nav button.contrast:active,
header nav button.contrast:focus {
    background: #eaeaea;
    border-color: #eaeaea;
}

/* ikony v tlacitkach */
header #main-navigation svg[data-slot=icon] {
    width: 2rem;
    padding-top: 4px;
    margin: 0 .5rem;
}

/* search ikona */
header svg[data-slot=icon]:hover {
    stroke-width: 2;
    cursor: pointer;
}

header #mobile-navigation svg[data-slot=icon] {
    width: 2rem;
    stroke: #fff;
}

#mobile-navigation {
    justify-content: space-around;
}

button#menu-toggle,
button#menu-toggle:focus {
    padding: 0;
    box-shadow: none;
    border: none;
    background-color: transparent;
}

#mobile-container {
    position: relative;
    margin-top: 0;
}

#mobile-container .position {
    position: absolute;
    top: -16px;
    left: 0;
    z-index: 8;
}

#mobile-menu {
    display: none;
    width: 100%;
    background: var(--pico-contrast-background);
    height: 50vh;
    border-top: 2px solid #0008;
    box-shadow: 0 0 8px 0 #000a;
    justify-content: space-around;
}

#mobile-menu ul {
    margin: 0;
    padding: 1rem;
}

#mobile-menu a {
    color: #bfc7d9;
    font-size: 120%;
}

#mobile-menu a:where(:hover, :focus, :active) {
    color: var(--pico-primary-hover);
}



/** Hlavni search
 *  ma vlastni sekci a je pozicován absolutně se z indexem
*/
#search-container {
    position: relative;
    margin-top: 0;
    margin-bottom: .7rem;
}

#search-container .search-position {
    position: absolute;
    top: -32px;
    right: -8px;
    z-index: 10;
}

#search-container #search-form {
    display: none;
}

#search-container [role="group"] {
    margin-bottom: 0;
}

#search-container [role="search"],
#drupal [role="group"],
#search-container [type="search"] {
    border-radius: 0.25rem;
}

#search-block-form {
    border-bottom-left-radius: var(--pico-border-radius);
    border-bottom-right-radius: var(--pico-border-radius);
    background: var(--pico-secondary);
    padding: 8px;
}

#search-block-form [type="submit"] {
    background: var(--pico-contrast-background);
    border-color: var(--pico-contrast-background);
    outline-color: var(--pico-contrast-background);
}

/** Drupal sekce
 *  tabs, messages a help
*/

/** Hlavní sekce stránky
 * 
*/
body>main {
    background: #efefef;
    padding-bottom: 64px;
}

main .container {
    background-color: #fff;
}

/** Datum a svatek
*/
#kalendar {
    margin-bottom: 0;
    padding: 0 16px 2px 16px;
    background: #efefef;
    font-size: 105%;
    margin-top: 48px;
}

.kalendar-svatek {
    text-align: right;
}

/** Breadcrumbs a spol
*/
.content-top {
    border-bottom: 1px solid var(--pico-dropdown-hover-background-color);
    margin-bottom: 1.5rem;
    padding-bottom: .5rem;
}

#breadcrumb {
    line-height: 1;
}

.breadcrumb {
    font-size: 130%;
}

.breadcrumb a {
    text-decoration: none;
    font-weight: 600;
}

.breadcrumb a.active {
    color: var(--pico-secondary);
}

.breadcrumb a:hover,
.breadcrumb a.active:hover {
    text-decoration: underline;
}

.breadcrumb a:hover {
    color: var(--pico-primary);
}


/** Hlavní sekce obsahu
 *
*/

section.content-section {
    padding-top: calc(1.5 * var(--pico-spacing));
    padding-bottom: 2rem;
    margin-bottom: 0;
}

.content-section h2 {
    padding: 0 12px;
    padding-bottom: 4px;
    line-height: 1;
    font-size: 120%;
}

h2.section-title {
    border-left: 7px solid var(--pico-secondary);
    border-radius: 5px;
}

/** Content Top, Page container
 *
*/
#content-top,
#page {
    padding-top: var(--pico-spacing);
    border-top: 2px solid var(--pico-blockquote-border-color);
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

#content-top img,
.gradient-card img {
    width: 100%;
    object-fit: cover;
}

.gradient-card {
    position: relative;
}

.gradient-card .image-mask-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.gradient-card h3 {
    margin-bottom: .75rem;
}

.gradient-card h3.title a {
    text-decoration: none;
    color: #fff;
}

.gradient-card .author a {
    color: #A4A3D1;
    text-decoration-color: #A4A3D1;
}

.gradient-card .author a:where(:hover, :focus, :active) {
    color: var(--pico-secondary);
    text-decoration-color: var(--pico-secondary);
}

.gradient-card .separator {
    color: var(--pico-code-color);
    font-weight: 500;
    padding: 0 6px;
}

.gradient-card .updated {
    color: var(--pico-range-active-border-color);
}

.top-1 .gradient-card .image-mask-1 {
    height: var(--height-top-1);
    background: linear-gradient(to top, black 48px, transparent 192px),
        linear-gradient(to bottom, black -12px, transparent 32px),
        linear-gradient(to left, black -12px, transparent 32px),
        linear-gradient(to right, black -12px, transparent 32px);
    border-radius: var(--pico-border-radius);
}

.top-1 .gradient-card .group {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1.5rem 2rem;
}

.top-1 h3 a {
    font-size: 120%;
}

.top-1 .gradient-card .category {
    position: absolute;
    top: 2rem;
    left: 2rem;
    background-color: var(--pico-secondary-background);
    border-radius: var(--pico-border-radius);
    padding: 3px 8px;
}

.top-1 .gradient-card .category a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

.top-group .gradient-card .image-mask-1 {
    height: var(--height-top-group);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 32px, transparent 160px);
    border-radius: var(--pico-border-radius);
}

.top-group .gradient-card .category,
.view-serialy .gradient-card .category {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: var(--pico-primary-background);
    border-radius: var(--pico-border-radius);
    padding: 3px 8px;
}

.top-group .gradient-card .category a,
.view-serialy .gradient-card .category a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

.gradient-card .group {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .75rem 1rem;
}

/** Content HP, Content
 *
*/
.frontpage #content {
    border-top: 4px solid var(--pico-form-element-border-color);
    border-bottom: 4px solid var(--pico-form-element-border-color);
    background: var(--pico-table-border-color);
    padding-bottom: 32px;
}

.frontpage #content>.row {
    margin-right: 0;
    margin-left: 0;
}

.section-link svg {
    height: 1.5rem;
    fill: var(--pico-contrast);
    margin-left: .25rem;
}

.section-link {
    padding: 0 12px;
    padding-bottom: 4px;
    line-height: 1;
    font-size: 100%;
    text-align: right;
}

.content-top h3.section-link {
    margin-bottom: 0;
}

.section-link a {
    text-decoration: none;
    color: var(--pico-muted-color);
}

#content-top .section-link {
    padding-bottom: 0;
}

#content-top .section-link a {
    color: var(--pico-primary);
}

#content-top .section-link a svg {
    fill: var(--pico-primary);
}

#content-top .section-link svg {
    margin-right: .25rem;
}

.section-link a:hover,
#content-top .section-link a:hover {
    color: var(--pico-secondary);
}

.section-link a:hover svg,
#content-top .section-link a:hover svg {
    fill: var(--pico-secondary);
}

#serialy .section-link svg {
    fill: var(--pico-secondary);
}

#serialy .section-link a:hover {
    color: var(--pico-secondary-hover);
}

#serialy .section-link a:hover svg {
    fill: var(--pico-secondary-hover);
}

#sport-kultura .section-link {
    padding-bottom: 2px;
    margin-right: .5rem;
}

#sport-kultura .section-link svg {
    height: 1rem;
    margin-left: .25rem;
}


#nemovitosti {
    padding-bottom: 48px;
    border-bottom: 6px solid var(--pico-code-background-color);

}

.view-nemovitosti .gradient-card .image-mask-1 {
    height: var(--height-nemovitosti);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 32px, transparent 160px);
    border-radius: var(--pico-border-radius);
}

.view-nemovitosti .gradient-card h3 {
    font-size: 100%;
}

.view-nemovitosti .gradient-card .group {
    padding: .5rem .75rem;
}

.view-nemovitosti .gradient-card .agency {
    position: absolute;
    top: .5rem;
    left: .5rem;
    background-color: #0006;
    border-radius: var(--pico-border-radius);
    padding: 3px 8px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

#serialy {
    border-bottom: 4px solid var(--pico-form-element-border-color);
    background: var(--pico-contrast);
    padding-bottom: 48px;
    box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, .3);
}

#serialy h2.section-title {
    color: #fff;
    border-color: var(--pico-secondary-hover-background);
}

.view-serialy .gradient-card .image-mask-1 {
    height: var(--height-serialy);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 32px, transparent 160px);
    border-radius: var(--pico-border-radius);
}


#sport-kultura {
    padding-bottom: 48px;
    background: var(--pico-form-element-border-color);
}

.view-kultura article,
.view-sport article {
    margin-left: 1rem;
    margin-right: 1rem;
}

.view-kultura article .title,
.view-sport article .title {
    font-size: 120%;
}

.view-kultura article span {
    font-size: 95%;
}

#content-bottom {
    border-bottom: 2px solid var(--pico-blockquote-border-color);
    border-top: 1px solid var(--pico-contrast-focus);
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.logo-bottom svg {
    max-height: 2rem;
}

.main-navigation-bottom .program a,
.main-navigation-bottom .nemovitosti a {
    font-weight: 600;
}

.main-navigation-bottom .program a {
    color: var(--pico-secondary);
}

.main-navigation-bottom .nemovitosti a {
    color: var(--pico-primary);
}


/** Page
*/
#page {
    --horizontal-gap: 1rem;
    margin-bottom: 0;
}

#page #content {
    --horizontal-gap: .5rem;
}

#page #content-container {
    padding-bottom: 3rem;
}


/** Footer
 *
*/
body>footer {
    padding-bottom: 48px;
}

footer {
    background-color: var(--pico-contrast-focus);

}

footer section.container {
    padding: 0 1rem;
}

footer .info {
    font-size: .95rem;
    margin: 3rem 0;
}

footer .info h3 {
    font-size: 1rem;
    font-weight: 600;
}

footer .info h3 a {
    color: var(--pico-primary-hover);
}

footer,
footer h3,
footer p {
    color: var(--pico-primary);

}

footer a {
    color: var(--pico-primary);
}

footer svg {
    width: fit-content;
}

footer .facebook svg {
    width: 24px;
    vertical-align: top;
    margin-right: .5rem;
}

footer .copyright {
    font-size: .9rem;
    font-weight: 600;
}

/** Cards
 *
*/

.article-card-sm .group {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.article-card-sm img {
    object-fit: cover;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.article-card-sm h3 {
    margin-bottom: .5rem;
    font-size: 120%;
}

.article-card-sm span {
    font-size: 95%;
}

.article-card-md {
    margin-bottom: 1rem;
}

.article-card-md h3.title {
    margin-bottom: .5rem;

}

.article-card-md .group {
    font-size: 90%;
    margin-bottom: .5rem;
}

/** 
 *  Reklamy
*/

/* puvodne 300x300, nyni responzivni*/
.reklama-container {
    border: 1px solid var(--pico-form-element-border-color);
    border-radius: var(--pico-border-radius);
    position: relative;
    background-color: var(--pico-code-background-color);
    align-content: center;
    text-align: center;
    margin-bottom: 1rem;
    min-height: calc(100% - 4.7rem);
}

.reklama-label {
    background: var(--pico-form-element-border-color);
    color: var(--pico-color);
    font-size: 80%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 4px;
}

.reklama-300 img {
    padding: 0.5rem;
}

.reklama-300 button {
    padding: 0 1rem;
    width: 100%;
    background-color: var(--pico-form-element-color);
}

.reklama-300 button:hover {
    background-color: var(--pico-secondary-background);
}

.reklama-300 button svg {
    width: 120px;
    margin-right: 1rem;
}

.reklama-300 button a {
    color: #fff;
    font-weight: 600;
    font-size: 110%;
}

.reklama-300 button a:hover {
    text-decoration: none;
}

#content-top .reklama-300 img {
    width: auto;
}

/** Sibebar
 *
*/
aside .block {
    margin-bottom: 2rem;
}

.content-section #sidebar h2 {
    background-color: var(--pico-h6-color);
    color: #fff;
    margin-bottom: 0;
    font-weight: 600;
    padding: 1rem;
    border-top-left-radius: var(--pico-border-radius);
    border-top-right-radius: var(--pico-border-radius);
}

#page aside h2 {
    font-size: 130%;
    /* padding-bottom: .5rem; */
    margin-bottom: 1rem;
    border-left: 7px solid var(--pico-secondary);
    border-radius: 5px;
    padding-left: 1rem;
}

aside .view-lipa-pdf-archiv .views-row {
    background-color: #fff;
    border-radius: var(--pico-border-radius);
}

#page .view-lipa-pdf-archiv .views-row {
    background-color: var(--pico-code-background-color);
}

aside .view-lipa-pdf-archiv .views-row .grid {
    gap: 0;
}

aside .view-lipa-pdf-archiv .info {
    position: relative;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0, transparent 10px);
}

aside .view-lipa-pdf-archiv .info h3,
aside .view-lipa-pdf-archiv .info h4 {
    padding: 0.5rem .5rem;
    font-weight: 600;
    font-size: 1.33rem;
    text-align: center;
}

aside .view-lipa-pdf-archiv .info h3 {
    background-color: var(--pico-secondary);
    color: var(--pico-contrast-inverse);
    border-top-right-radius: var(--pico-border-radius);
}

aside .view-lipa-pdf-archiv .info a.more {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: .5rem;
    background-image: var(--icko-icon-chevron);
    background-position: center right +.5rem;
    background-size: 1rem auto;
    background-repeat: no-repeat;
}

aside .view-lipa-pdf-archiv .cover img,
aside .view-program {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.content-section aside .view-program {
    border-radius: var(--pico-border-radius);
    background-color: #FFF;
}

.content-section aside .view-program .view-content {
    padding: 1rem;
}

aside .view-program .view-content,
aside .view-nejctenejsi-tyden .view-content {
    padding: .5rem;
}

aside .view-program .views-row:not(.views-row-last) {
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}

aside .view-program .datum {
    font-weight: 700;
    color: #FFF;
    background: var(--pico-secondary);
    border-top-left-radius: 3px;
    padding: 2px 4px;
    border-top-right-radius: 3px;
}

aside .view-program .views-row-even .datum {
    background-color: #b8000099;
}

aside .view-program .misto {
    padding: 2px 8px;
    font-weight: 600;
    color: var(--pico-code-color);
}

aside .view-program .typ {
    font-weight: 600;
    color: var(--pico-primary);
}

aside .view-program .title {
    border-top: 1px solid var(--pico-secondary);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 2px 8px 4px 4px;
    background: var(--pico-code-background-color);
}

aside .view-program .title a {
    text-decoration: none;
}

/**
 *  Různé pomocné třídy
*/
.hidden {
    display: none;
}

.row-col {
    margin-bottom: var(--pico-spacing);
}

.col-large {
    padding-left: 1rem;
    padding-right: 1rem;
}

main ul.links li {
    display: block;
    padding: 0.5rem 1rem;
}

/* story */
h1.title {
    margin-bottom: .5rem;
}

article .meta {
    margin-bottom: 2rem;
}

article.node .content {
    padding: 3.5rem;
}

/* Program */
.page-program .content-top {
    margin-bottom: 0;
    border-bottom: 1px solid var(--pico-form-element-border-color);
}

.page-program #content-container {
    background-color: var(--pico-code-background-color);
    padding: 1.5rem 1rem 3rem 1rem;
}

.page-program .view-filters {
    padding: .5rem 1rem;
    border: 1px solid var(--pico-muted-border-color);
    background-color: var(--pico-primary-inverse);
    border-radius: 6px;
}

.page-program .view-content {
    padding: 3rem 0;
}

.page-program .view-id-program .view-content h2 {
    font-size: medium;
    color: #fff;
    background: var(--pico-secondary-background);
    border-radius: 3px;
    padding: .5rem;
    text-align: center;
}

.page-program .view-id-program .view-content article .row {
    margin: 0;
}

.page-program .view-id-program .view-content article.views-row-last {
    margin-bottom: 3rem;
}

.page-program .view-id-program .view-content article .time {
    background: var(--pico-range-border-color);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-align: center;
    padding-top: .5rem;
    font-weight: 700;
}

.page-program .view-id-program .view-content article .date-display-single {
    font-size: 135%;
    color: var(--pico-muted-color);
}

.page-program .view-id-program .view-content article .details {
    padding: .5rem 1rem;
}

.page-program .view-id-program .view-content article h3 {
    margin-bottom: .5rem;
}

.page-program .view-id-program .view-content article p {
    margin: 0;
    padding: .5rem 0;
}

.page-program .view-id-program .view-content article .type,
.page-program .view-id-program .view-content article .place {
    font-weight: 700;
}

.page-program .view-id-program .view-content article .place {
    color: var(--pico-code-color);
}

.page-program .view-id-program .view-content article .separator {
    color: var(--pico-form-element-color);
}

.group-program-datum legend {
    font-weight: bold;
}

/* Nemovitosti */
.page-nemovitosti .content-top {
    margin-bottom: 0;
    border-bottom: 1px solid var(--pico-form-element-border-color);
}

.page-nemovitosti #content-container {
    background-color: var(--pico-code-background-color);
    padding: 1.5rem 1rem 3rem 1rem;
}

.page-nemovitosti .view-filters {
    padding: .5rem 1rem;
    border: 1px solid var(--pico-muted-border-color);
    background-color: var(--pico-primary-inverse);
    border-radius: 6px;
}

.page-nemovitosti .view-content {
    padding: 3rem 0;
}

.card-nemo {
    margin-bottom: 2rem;
}

.card-nemo img {
    object-fit: cover;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0;
}

.card-nemo .group {
    padding: .5rem;
}

.card-nemo .title {
    font-size: 110%;
    margin-bottom: .5rem;
}

.card-nemo .categories {
    background: var(--pico-card-sectioning-background-color);
    border-bottom-left-radius: var(--pico-border-radius);
    border-bottom-right-radius: var(--pico-border-radius);
    padding: 2px 6px;
    font-weight: 600;
}

.card-nemo .second {
    margin-left: 1rem;
}

.node-type-nemovitost h1 {
    margin-bottom: 1.5rem;
}

.node-type-nemovitost legend {
    font-weight: bold;
    font-size: 120%;
}

.page-lipa .img img {
    width: 60px;
}

/* Galerie */
.field-field-clanek-fotogalerie .field-item,
.field-field-serial-fotogalerie .field-item,
.field-field-nemovitost-fotogalerie .field-item {
    margin-bottom: 1rem;
}

/* taxonomy */
.view-taxonomy-term .view-content {
    margin-bottom: 2rem;
}

.addthis-bottom {
    text-align: center;
}