* {
    box-sizing: border-box;
    background-repeat: no-repeat;

    --color-black: #231f20;
    --color-h2: #231f20;
    --color-h3: #404759;

    --color-h2-article: #cf3e6f;
    --color-h2-article: rgb(203 54 104);

    --color-h2-article-under: rgb(203 54 104);
    --color-h2-article-under: rgb(186 56 100);

    --color-pink: #ff0067;
    --color-green: #92c848;
    --color-green-darker: #67b200;
    --color-green-dark: #33862b;
    --color-grey: #656262;
    --color-blue-light: rgb(143 172 216 / 6%);
    --color-link: #404759;
    --color-blue: #9759c0;

    --color-lblue: rgb(191 218 233 / 33%);
    --color-lblur: #D5F0FF;

    --gap-base: 3em;
    --size-big: 2.1em;

    --margin-base: 1em;
    --margin-double: 2em;
    --margin-row: 2em auto;
}


body {
    font-size: 20px;
    margin: 0;
    padding: 0;
    color: var(--color-black);

    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;

    background-image: url(img/leafs-1.svg);
    background-size: auto 110vh;
    background-position: top -5vh right -5vw;

}

body.ns__nocni-hospicova-pohotovost {
    background-color: #e4e8ff;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

h1 {
    font-weight: 500;
}

h2 {
    font-size: 1.2em;
    color: var(--color-h2);
    font-weight: 500;
}

h2 .block {
    opacity: .7;
    font-size: .7em;
    font-weight: normal;
    margin-top: .2em;
}

h2 a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: var(--color-h2);
}

h2 a::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: rgb(0 0 0 / 10%);
    transition: background-color .3s;
}

.card.hover a::after,
h2 a:hover::after {
    background-color: var(--color-green);
    opacity: 1;
}

h3 {
    color: var(--color-h3);
    font-weight: 600;
}

a {
    color: var(--color-link);
}

p {
    line-height: 150%;
}


.aural, .off {
    display: none;
}

.width {
    max-width: 1180px;
    margin: 0 auto;
}

.width-820 {
    max-width: 820px;
    margin: 0 auto;
}

.width-wide {
    max-width: 1440px;
    margin: 0 auto;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

.block {
    display: block;
}

.iblock {
    display: inline-block;
}

.center {
    text-align: center;
}

.big {
    font-size: var(--size-big);
}

.margin-row {
    margin: var(--margin-row);
}

.page {
    max-width: 890px;
    margin: 0 auto;
}

/** **/

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid-center {
    align-items: center;
}

.grid-1-3 {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2em;
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}


.flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

ul.flex {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.flex a {
    display: block;
    padding: .4em 1.2em;
}

.flex-center {
    align-items: center;
}

/** **/

div.card {
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: 6px;
    padding: 1em;
    background-color: rgba(255, 255, 255, 40%);
    outline: 2px solid rgb(216 151 191 / 10%);
}


div.card.hover {
    cursor: pointer;
    background-color: rgb(250 243 250 / 40%);
    outline: 2px solid rgb(216 151 213 / 10%);
}


a.button {
    display: block;
    padding: .6em 1.4em;
    border-radius: 1.2em;
    background-color: #fff;
    box-shadow: 1px 1px 3px #57616d5c;
    font-weight: bold;
    outline: 2px solid #0000000f;
}

a.button:hover {
    background-color: var(--color-green);
    color: white;
}

/** **/

.font {
    font-family: "Dongle", cursive;
}

/** **/

img.logo {
    display: block;
    max-width: 20vw;
    margin-left: 3em;
    margin-right: 3em;
}

/** **/

#mainHeader {
    position: relative;
    padding-top: 2em;
    margin-bottom: var(--margin-double);
}

#mainHeader strong {
    font-size: 1.2em;
    font-weight: bold;
    color: #231f20;
    padding: .6em 0;
}

#mainHeader span {
    opacity: 0.7;
    font-size: 90%;
}

#mainHeader p {
    font-weight: bold;
    line-height: 120%;
}

/** 
 *  TOP MIDDLE MENU
 *
 */

#topMenu {
    position: relative;
}

#topMenu li a {
    font-weight: bold;
    border-radius: 1em;
}

#topMenu li a:hover {
    background-color: rgb(0 0 0 / 8%);
}

#topMenu li.selected a:hover {
    text-decoration: none;
}

#topMenu li.selected a {
    background-color: var(--color-green);
    background-color: #659a1b;
    color: white;
}

#topMenu li {
    position: relative;
}

#topMenu li::before,
#topMenu li::after {
    content: "";
    position: absolute;
    top: .9em;
    width: .7em;
    height: 3px;
    background-color: rgb(0 0 0 / 10%)
}

#topMenu li::before {
    left: 0;
}

#topMenu li::after {
    right: 0;
}

#topMenu li.selected::before,
#topMenu li.selected::after {
    background-color: transparent;
}

#nsSocial {
    position: absolute;
    top: 0;
    right: 0;
    gap: .4em;
}

#nsSocial a {
    display: block;
    color: transparent;
    width: 1.6em;
    height: 1.6em;
    background-size: 100%;
    opacity: .7;
}

#nsSocial a:hover {
    opacity: 1;
}


#lnkFB {
    background-image: url(img/facebook-svgrepo-com.svg);
}

#lnkIG {
    background-image: url(img/instagram-svgrepo-com.svg);
}

/** **/


/** **/

#nsIntroPece {
    margin: 3em 0 3em 0;
}

#nsIntroPece .card p {
    font-size: .9em;
    opacity: .8;
}

#nsIntroPece h2 {
    display: inline-block;
    background-size: auto 1.2em;
    background-position: right center;
    margin: 0;
    padding-right: 2em;
}

#lblOdlehcovaciSluzba {
    background-image: url(img/sleeping-relax-sleep-nap-svgrepo-com.svg);
}

#lblDomaciPece {
    background-image: url(img/home-2-svgrepo-com.svg);
}

#lblMobilHospic {
    background-image: url(img/car-svgrepo-com.svg);
}


/** **/

/*
#nsMAPA {
    margin: var(--margin-row);
}
    */

#nsMAPA img {
    width: 28vw;
}

#nsMAPA .flex {
    gap: var(--gap-base);
}

#nsMAPA .grid {
    gap: 1em 1em;
}

#nsListProvozovny ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

#nsListProvozovny li {
    margin: .6em 0;
}

#nsListProvozovny li strong {
    display: none;
    margin-top: .4em;
    color: var(--color-pink);
}

#nsListProvozovny li.selected a {
    background-color: var(--color-green);
    color: white;
}

#nsListProvozovny li.selected a span {
    background-color: rgb(0 0 0 / 20%);
}

#nsListProvozovny a.button:has(strong) {
    padding-top: .6em;
    padding-bottom: .6em;
}

#nsMAPAtopMain {
    gap: 4em;
    margin-bottom: 1em;
    align-items: flex-start;
}

#nsMAPAtop h2,
#nsMAPAtop p {
    margin: 0;
}

#nsMAPAtopPodpora {
    gap: .4em;
    padding-top: .6em;
}

/*
#nsMAPAtopPodpora .card {
    padding: 0;
}
*/

#nsListProvozovny a.button {
    position: relative;
    padding-left: 2.7em;
}

#nsListProvozovny a span {
    position: absolute;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.4em;
    text-align: center;
    border-radius: 1em;
    left: 0.5em;
    top: 0.5em;
    background-color: #7682a4;
    color: #fff;
}

#nsListProvozovny a:hover span {
    background-color: #fff;
    color: var(--color-green);
}

#nsListProvozovny li.hover span {
    background-color: var(--color-green);
}

#liPr1 a {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4H6C4.89543 4 4 4.89543 4 6V8M8 20H6C4.89543 20 4 19.1046 4 18V16M16 4H18C19.1046 4 20 4.89543 20 6V8M16 20H18C19.1046 20 20 19.1046 20 18V16M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z' stroke='%23404759' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: auto 1.4em;
    background-position: right .6em top .5em;
    padding-right: 3em;
}

#liPr1.selected a,
#liPr1 a:hover {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4H6C4.89543 4 4 4.89543 4 6V8M8 20H6C4.89543 20 4 19.1046 4 18V16M16 4H18C19.1046 4 20 4.89543 20 6V8M16 20H18C19.1046 20 20 19.1046 20 18V16M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#nsKontaktMain .icon-phone {
    font-size: 1.2em;
    padding: .2em .6em .2em 1.6em;
}

#nsMAPA247 {
    padding: .8em 0;
    color: var(--color-link);
}

/*
#nsMAPA247 p {
    margin: 0;
}
*/

#nsMAPA247 .icon-done {
    background-size: auto 1.6em;
    background-position: left top -0.15em;
    padding-left: 2em;
    margin: 0;
}

#nsMAPAtop .iblock#nsMAPAtopNocni {
    background-image: url(img/sleep-svgrepo-com.svg);
    background-size: auto 3em;
    padding-left: 4em;
    padding-right: 0;
}

#nsMAPAtop .iblock#nsMAPAtopNocni h2 .block {
    opacity: 1;
    margin-top: .4em;
    font-weight: bold;
    color: var(--color-pink);
}

.ns__nocni-hospicova-pohotovost #nsMAPAtop {
    margin-top: 3em;
}

.ns__nocni-hospicova-pohotovost a.button:hover {
    background-color: #fff;
    color: var(--color-link);
}

.ns__nocni-hospicova-pohotovost #nsListProvozovny a:hover span {
    background-color: var(--color-green);
    color: #fff;
}

/** **/

#nsIntroPZ {
    font-size: 90%;
    margin-top: 4em;
}

#nsIntroPZ .width {
    font-size: 90%;
}

#nsIntroPZ h2 .block {
    font-size: 1em;
}

#nsIntroPZ .flex {
    gap: 1em 1em;
}

#nsIntroPZ .card {
    padding: .1em 2.4em;
}

#nsLabel247 {

    background-image: url(img/sleep-white-svgrepo-com.svg);
    background-size: auto 3.2em;
    padding: .4em 3em .4em 4em;
    background-position: top .4em left;
    display: inline-block;
    font-size: 1.1em;
}

#nsLabel247 span.block {

    margin: .2em 0 0 0;
    font-size: 1.4em;
}

#nsLabel247tlf {
    font-size: 1.8em;
    border-top: 2px solid rgb(255 255 255 / 20%);
    padding-top: .4em;
    margin-top: .4em;
    font-weight: bold;
}

div.card#cardPohotovost {
    padding-top: .4em;
    background: linear-gradient(45deg, #0f1725, #2a5298d1);
    color: #fff;
}

div.card#cardPohotovost h2,
div.card#cardPohotovost h2 a {
    color: #fff;
}

div.card#cardPohotovost h2 a::after {
    background-color: #fff;
}

div.card#cardZadost {
    background-image: url(img/register-svgrepo-com.svg);
    background-size: auto 2.2em;
    background-position: left 1em top 1em;
    padding-left: 4em;
}

div.card#cardFaq {
    background-image: url(img/about-faq-help-question-svgrepo-com.svg);
    background-size: auto 1.6em;
    background-position: left 1.2em top 1em;
    padding-left: 4em;
}

div.card#cardPrispevek {
    background-color: #ffebf6;
    outline: none;
    border-color: transparent;
    background-size: auto 1.6em;
    background-position: bottom .8em center;
    padding: 0;
}

div.card#cardPrispevek a {
    display: block;
    padding: 1em;
    font-size: .85em;
    color: #000;
}

div.card#cardPrispevek strong {
    display: block;
    font-weight: 500;
    margin-top: .4em;
    font-size: 1.1em;
    position: relative;
}

div.card#cardPrispevek strong::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: rgb(0 0 0 / 10%);
    transition: background-color .3s;
}

div.card#cardPrispevek strong:hover::after {
    background-color: var(--color-green);
    opacity: 1;
}

/*
div.card#cardPrispevek h2.icon-darujeme {
    background-size: auto 2em;
    background-position: bottom center;
    padding-bottom: 2.8em;
    line-height: 140%;
}
*/

/*
div.card#cardQR {
    padding: 0.4em .4em 0 .4em;
}
*/

/** **/

#nsOdkazy {
    padding: .8em 5% 2em 5%;
    background-color: rgb(230 239 241 / 61%);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 300 3092' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,5.10269e-16,5.10269e-16,-4.16667,-20534,2998.04)'%3E%3Cpath d='M4972.5,8.333C4972.5,12.936 4968.77,16.667 4964.17,16.667C4959.56,16.667 4955.83,12.936 4955.83,8.333C4955.83,3.731 4959.56,0 4964.17,0C4968.77,0 4972.5,3.731 4972.5,8.333Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(4.16667,5.10269e-16,5.10269e-16,-4.16667,-20534,2998.04)'%3E%3Cpath d='M4973.65,89.826C4973.65,95.061 4969.4,99.306 4964.17,99.306C4958.93,99.306 4954.69,95.061 4954.69,89.826C4954.69,84.59 4958.93,80.347 4964.17,80.347C4969.4,80.347 4973.65,84.59 4973.65,89.826Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(4.16667,5.10269e-16,5.10269e-16,-4.16667,-20534,2998.04)'%3E%3Cpath d='M4974.79,171.318C4974.79,177.188 4970.03,181.944 4964.17,181.944C4958.3,181.944 4953.54,177.188 4953.54,171.318C4953.54,165.451 4958.3,160.694 4964.17,160.694C4970.03,160.694 4974.79,165.451 4974.79,171.318Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(4.16667,5.10269e-16,5.10269e-16,-4.16667,-20534,2998.04)'%3E%3Cpath d='M4975.94,252.813C4975.94,259.313 4970.67,264.584 4964.17,264.584C4957.67,264.584 4952.4,259.313 4952.4,252.813C4952.4,246.311 4957.67,241.041 4964.17,241.041C4970.67,241.041 4975.94,246.311 4975.94,252.813Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(4.16667,5.10269e-16,5.10269e-16,-4.16667,-20534,2998.04)'%3E%3Cpath d='M4977.08,334.306C4977.08,341.439 4971.3,347.223 4964.17,347.223C4957.03,347.223 4951.25,341.439 4951.25,334.306C4951.25,327.172 4957.03,321.389 4964.17,321.389C4971.3,321.389 4977.08,327.172 4977.08,334.306Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(4.16667,5.10269e-16,5.10269e-16,-4.16667,-20534,2998.04)'%3E%3Cpath d='M4978.23,415.798C4978.23,423.564 4971.93,429.861 4964.17,429.861C4956.4,429.861 4950.1,423.564 4950.1,415.798C4950.1,408.031 4956.4,401.735 4964.17,401.735C4971.93,401.735 4978.23,408.031 4978.23,415.798Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(4.16667,5.10269e-16,5.10269e-16,-4.16667,-20534,2998.04)'%3E%3Cpath d='M4979.37,497.292C4979.37,505.69 4972.56,512.5 4964.17,512.5C4955.77,512.5 4948.96,505.69 4948.96,497.292C4948.96,488.892 4955.77,482.083 4964.17,482.083C4972.56,482.083 4979.37,488.892 4979.37,497.292Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(4.16667,5.10269e-16,5.10269e-16,-4.16667,-20534,2998.04)'%3E%3Cpath d='M4980.52,578.784C4980.52,587.816 4973.2,595.139 4964.17,595.139C4955.13,595.139 4947.81,587.816 4947.81,578.784C4947.81,569.752 4955.13,562.431 4964.17,562.431C4973.2,562.431 4980.52,569.752 4980.52,578.784Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(4.16667,5.10269e-16,5.10269e-16,-4.16667,-20534,2998.04)'%3E%3Cpath d='M4981.67,660.277C4981.67,669.942 4973.83,677.778 4964.17,677.778C4954.5,677.778 4946.67,669.942 4946.67,660.277C4946.67,650.612 4954.5,642.777 4964.17,642.777C4973.83,642.777 4981.67,650.612 4981.67,660.277Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: repeat-x;
    background-size: 0.7em auto;
    background-position: top -0.55em center;
}

#nsOdkazy h2 {
    font-size: 1.4em;
}

#gridSponzori div.grey,
#gridSponzori div:has(img) {
    /*
    background-color: rgba(0, 0, 0, 3%);
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 10%);
    border-radius: 2px;

    border: 1px solid rgb(83 79 99 / 12%);
    border-radius: 3px;
    outline: 2px solid #241e2908;
    */

    background: #fff;
    padding: .4em;
    /* background-color: rgba(0, 0, 0, 3%); */
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 10%);
    border-radius: 2px;
    border: 1px solid rgb(83 79 99 / 12%);
    border-radius: 4px;
    outline: 2px solid #241e2908;

}

#nsOdkazy a,
#nsOdkazy img {
    display: block;
}

#nsOdkazy img {
    width: 100%;
    height: auto;
}

#nsOdkazy .button {
    display: inline-block;
    text-align: center;
    background-image: url(img/next-svgrepo-com.svg);
    background-size: auto .6em;
    background-position: right .6em center;
    padding-right: 2em;

}

#nsOdkazy .button:hover {
    background-image: url(img/next-white-svgrepo-com.svg);
}

#gridOdkazy {
    gap: 0 5%;
    grid-template-columns: 2.8fr 1fr;
    max-width: 1280px;
    margin: 0 auto;
}

#gridOdkazy h2 {
    font-size: 1.2em;
    font-weight: 500;
}

#gridSponzori {
    gap: .6em .6em;
    margin: 1.6em 0 .8em 0;
}

#gridSponzori div {
    border-radius: 6px;
    overflow: hidden;
}

/*
#listProjektyDotace {
    text-align: left;
    margin: 1.6em 0;
    padding: 0;
    list-style: none;
    font-size: 1.1em;
}

#listProjektyDotace a {
    border-left: 3px solid rgb(0 0 0 / 10%);
    padding: .3em .2em .3em 1em;
}

#listProjektyDotace a:hover {
    border-color: var(--color-green);
    text-decoration: underline;
}
*/

/** ***/

footer {
    padding-bottom: 1em;
    margin-top: 3em;
}

footer .flex-center:nth-child(1) {
    align-items: flex-start;
    margin-bottom: 2em;
}

footer ul.flex {
    gap: .6em 1em;
}

footer ul.flex li {
    border-right: 1px solid rgba(0, 0, 0, 50%);
    padding-right: 1em;
}

footer ul.flex li:last-child {
    border-right: none;
    padding-right: 0;
}

footer ul.flex a {
    padding: 0;
}

#nsEdgering p {
    display: inline-block;
    position: relative;
    padding: 1em 2em;
}

#nsEdgering p::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 4px;
    background-color: #f0f5f6;
}

/** **/

#ns404 {
    font-size: 1.4em;
    padding: 2em 0 3em 0;
    border-top: 2px solid rgb(0 0 0 / 20%);
    border-bottom: 2px solid rgb(0 0 0 / 20%);
    border-radius: 2px;
    margin-top: 2em;
    margin-bottom: 2em;
}

#ns404 p {
    margin: 0;
    padding: 0;
}

#ns404 p#lbl404 {
    font-size: 4em;
}

/** **/

ul:has(.lnk_icn_pdf) {
    margin: 1.4em auto;
    padding: 0;
    list-style: none;
}

li:has(.lnk_icn_pdf) {
    margin-bottom: .2em;
}

.grid-article {
    grid-template-columns: 1.1fr 2.2fr;
    gap: 2.8em;
    margin: var(--margin-row);
}

.grid-article ul.menuLeft {
    margin: 0;
    padding: 0;
    list-style: none;
}

.grid-article ul.menuLeft a:hover {
    text-decoration: underline;
}

.grid-article>div:nth-child(1) {
    background-color: var(--color-lblue);
    border-radius: 6px;
    padding: 1em;
}

.ns__pobocky .grid-article>div:nth-child(1) {
    padding: 0;
    background-color: transparent;
}

.ns__pobocky .grid-article {
    grid-template-columns: 1.3fr 3fr;
}

.menuLeft {
    margin: 0;
    padding: 0;
    text-align: right;
    position: relative;
    font-weight: bold;
}

.menuLeft::after {
    content: "";
    position: absolute;
    top: 1.1em;
    bottom: 1.1em;
    right: 0;
    width: 2px;
    background-color: rgb(0 0 0 / 10%);
    z-index: 5;
}

.menuLeft li {
    list-style: none;
}

.menuLeft li.selected,
.menuLeft a {
    display: block;
    padding: .6em 1.4em .6em 1em;
}

.menuLeft a {
    position: relative;
}

.menuLeft a::after,
.menuLeft li.selected::after {
    content: "";
    position: absolute;
    top: 1.1em;
    right: -3px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    z-index: 10;
}

.menuLeft li.selected::after {
    background-color: rgb(81 83 91);
}

.menuLeft a::after {
    background-color: rgb(196 204 217);
}

.menuLeft a:hover::after {
    background-color: var(--color-pink);
}


.menuLeft li.selected {
    position: relative;
}

/** **/

#ulKariera.menuLeft,
#nsOdkazy .menuLeft a {
    text-align: left;
}

#ulKariera.menuLeft li.selected {
    color: var(--color-pink);
}

#ulKariera.menuLeft li.selected::after {
    background-color: var(--color-pink);
}

.menuLeft#ulKariera a::after,
.menuLeft#ulKariera li.selected::after,
.menuLeft#listProjektyDotace a::after,
.menuLeft#listProjektyDotace li.selected::after {
    right: auto;
    left: -3px;
}

.menuLeft#ulKariera::after,
.menuLeft#listProjektyDotace::after {
    right: auto;
    left: 0;
}

.menuLeft#listProjektyDotace a:hover {
    text-decoration: underline;
}

/*
.menuLeft#ulKariera li.selected,
.menuLeft#ulKariera a {
    padding-top: .3em;
    padding-bottom: .3em;
}

/*
.menuLeft::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 3px;
    background-color: rgb(0 0 0 / 10%);
    z-index: 0;
}

.menuLeft li span.subLabel,
.menuLeft li.selected,
.menuLeft a {
    display: block;
    border-right: 3px solid transparent;
    padding: .4em 1.2em .4em .6em;
}

.menuLeft li.selected,
.menuLeft a:hover {
    border-color: var(--color-green);
    color: var(--color-blue);
}

.menuLeft li.selected {
    color: rgb(0 0 0 / 40%)
}
*/

.menuLeft li span.subLabel {
    display: block;
    font-weight: normal;
    border-color: #fff;
    z-index: 10;
    position: relative;
    color: #677583;
    margin: 2em 0 1em 0;
    padding-right: 1.3em;
    letter-spacing: 1px;
}


/** **/

#ns_article {
    margin: var(--margin-row);
    background-color: rgb(146 206 146 / 14%);
    padding: 1em 5%;
}

#ns_articlePad {
    background-color: #fff;
    border-radius: 1em;
    padding: 2em 2.6% 4em 2.6%;
}

.nsTransparentniUcet#ns_articlePad {
    padding-left: 4em;
    padding-right: 4em;
}

.nsTransparentniUcet h2 {
    color: var(--color-green-dark);
    margin: 1em 0 2em 0;
}

#nsTransparentniUcetCards {
    gap: 2em 2em;
    margin: 2em 0;
}

#headingMain {
    margin: 0;
    padding: 0;
    font-size: 2.2em;
}

#headingMain .icon-leaf {
    padding-left: 1em;
    background-size: auto 1em;
    color: var(--color-grey);
}

#headingMunder {
    opacity: .5;
    margin-top: 0;
}

#headingMainUnder {
    /* opacity: .8; */
    margin: 1em 0 2em 0;
}

#headingMainUnder strong {
    font-weight: normal;
    letter-spacing: 1px;
    color: var(--color-h2-article-under);
}

#headingMainUpper {
    opacity: .6;
    margin-top: 0;
}

h1.title_block {
    display: none;
}

.article h2 {
    font-size: 1.3em;
    color: var(--color-h2-article);
    margin: 1.2em 0;
}

.article ol,
.article ul,
.article p {
    line-height: 150%;
}

.article p a {
    color: #c10d35e6;
    font-weight: 400;
}

.article a:hover {
    text-decoration: underline;
}



.ns__pobocky p#headingMainUnder {
    font-weight: bold;
    border-top: 2px solid #f6f7f6;
    margin: 1em 0;
    padding: .4em 0 0 0;
}

.ns__pobocky #headingMainUnder strong {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 1.2em;
    color: #3e72cf;
}

.ns__pobocky .center #cardPohotovost {
    margin-left: 15%;
    margin-right: 15%;
}

.ns__pobocky .grid-article {
    border-bottom: 2px dotted #e8f1e8;
    padding-bottom: 2em;
}

.ns__pobocky .grid-article #cardPohotovost {
    font-size: .8em;
    display: inline-block;
    padding-left: 5em;
    padding-right: 5em;
    margin: 1em 0;
}

/** **/

#tblPobocka {
    border-collapse: collapse;
    margin-bottom: var(--margin-double);
}

#tblPobocka th, #tblPobocka td {
    padding: .6em 1em;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    line-height: 160%;
}

#tblPobocka th {
    text-align: right;
    padding-right: .6em;
    font-weight: normal;
}

#tblPobocka td {
    font-weight: bold;
}

#tblPobocka tr:last-child th,
#tblPobocka tr:last-child td {
    border-bottom: none;
}

#tblPobocka span {
    opacity: .5;
}

/** **/

#nsPribehy {
    height: 100%;
    background-image: url(img/theme-bye.webp);
    background-size: auto 100%;
    background-position: left bottom;
    position: relative;
}

#btnPribehy {
    display: block;
    position: absolute;
    bottom: 2em;
    left: 40%;
}

#btnPribehy {
    padding: .8em 1.2em;
    font-weight: bold;
    padding-right: 3em;
    background-image: url(img/next-svgrepo-com.svg);
    background-size: auto 1em;
    background-position: right 1em center;
    border: none;
    border-radius: 2px;
    text-align: right;

}

#nsIntroMotto .grid {
    gap: var(--gap-base);
}

#nsPomahame {
    padding: 2em 0;
}

/** **/

#nsMapaPahop {
    height: 100%;
    min-width: 50%;
}

#nsMapaBig {
    background-image: url(/theme/img/pahop-logo-main.svg);
    background-size: 25% auto;
    background-position: left 5% top 10%;
}

#nsMapaBig #nsMapaPahop {
    width: 60%;
    margin: 0 auto;
}

#svgMAPA circle:hover,
#svgMAPA circle.selected {
    fill: #87e232 !important;
    animation: pulse 1s infinite;
    cursor: pointer;
}

@keyframes pulse {
    0% {
        r: 4;
        fill: rgb(255, 0, 103);
    }

    50% {
        r: 6;
        fill: rgb(0, 255, 0);
    }

    100% {
        r: 4;
        fill: rgb(255, 0, 103);
    }
}

/** **/

#prInfoBlock {
    font-size: 1.4em;
    background-color: #f5f5f5;
    padding: 6px;
    border-radius: 6px;
}

#prInfoBlock span {
    background-size: auto 1em;
    background-position: left .4em center;
    border: 2px solid rgb(232 241 232);
    background-color: rgb(232 241 232 / 25%);
    border-radius: 6px;
    font-weight: bold;
    padding: .3em 1em .3em 1.6em;
    background-color: #fff;
}

#prInfoBlock {
    gap: 4px 4px;
}

#prInfoBlock span#lblOteviraciDoba {
    background-image: url(img/clock-1-svgrepo-com.svg);
    padding-left: 1.8em;
}

a#lblAdresa {
    background-image: url(img/map-map-marker-svgrepo-com.svg);
    display: inline-block;
    margin-left: 1em;
    width: 1.2em;
    height: 1.2em;
    background-size: auto 100%;
    text-indent: -6667px;
}

a#lblAdresa:hover {
    transform: scale(1.6);
    transition: transform 0.3s;
}

#prInfoBlock a#lblAdresa:hover {
    text-decoration: underline;
}

/** PODPORA A SPONZORING **/

#nsSponzori h2 {
    color: #2b355c;
    margin: 1.4em 0;
}

#nsSponzoriLeft h2 {
    margin-top: 0;
    padding: .4em 0 .2em 0;
}

#nsSponzori ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


.ns__podpora #headingMainUnder {
    margin-bottom: 1em;
}

p#lblTextPodpora {
    padding: 1em 5%;
    text-align: center;
    color: #2b355c;
    margin-top: 0;
}

#nsSponzoriLeft {
    background-color: var(--color-lblue);
    border-radius: 6px;
    padding: 1em;
}

.grid#nsSponzori {
    grid-template-columns: 1fr 2fr;
    gap: 2em;
    margin-bottom: 2em;

}

.grid#listSponzori {
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    gap: 6px 6px;
    font-weight: bold;
    margin-bottom: 2em;
}

#listSponzori span,
#listSponzori a {
    border: 1px solid rgb(58 38 111 / 12%);
    outline: 1px solid #241e2908;
    border-radius: 2px;
    /*
    background: #f0f0f0;
    background: linear-gradient(321deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);    
    background: linear-gradient(350deg, rgb(252 232 250) 0%, rgba(255, 255, 255, 1) 100%);
    */
    display: block;
    padding: .6em .6em;
    text-align: center;
    border-radius: 2px;
}

#listSponzori a:hover {
    outline: 2px solid #cc1a97;
}

#nsPodporaTextVZ {
    border-top: 1px solid rgb(58 38 111 / 12%);
    font-size: .85em;
    text-align: center;
    margin: 2em 5%;
    padding: 1em 0;
}

#nsPodporaTextVZ a {
    text-decoration: underline;
}

/*
#listDotace li {
    margin-bottom: 4px;
}

#listDotace a {
    background-color: #ffffff8b;
    font-size: .9em;
    font-weight: 500;
    padding: .4em 1.2em;
}
*/

#nsListMesta {
    text-align: center;
    font-size: 1.1em;
}

#nsListMesta li {
    display: inline-block;
    margin: 4px 2px;
    padding: .4em .8em;
    border: 0;
    font-weight: 500;
    background-color: #f5f5f5;
    border-radius: 2px;
}

#nsListMesta li:nth-child(odd) {
    background-color: #e8f1e8;
}

*/
/*
#nsSponzori li a,
#nsSponzori li span {
    display: block;
    padding: .4em .2em;
    border: 1px solid rgb(33 23 60 / 21%);
    text-align: center;
    border-radius: 2px;
    box-shadow: 1px 1px 1px #00000012;
}
*/

/*
#nsSponzori ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#nsSponzori h2 {
    margin: 0.2em 0 1em 0;
}

#listDotace li {
    margin-bottom: 6px;
}

#listSponzori {
    gap: 4px 4px;
}

#lblPodporaTop {
    margin-top: 0;
    border-bottom: 2px solid #e8f1e8;
    margin-right: 10%;
    margin-left: 10%;
    color: var(--color-grey);
    padding-bottom: 1em;
    margin-bottom: 2em;
}

#lblPodporaTop strong {
    font-size: 1.6em;
    font-weight: bold;
    color: #000;
    padding-bottom: .2em;
}

#listDotace a {
    background-color: #ffffff8b;
    font-size: .9em;
    font-weight: 500;
    padding: .4em 1.2em;
}

#listDotace a:hover {
    background-color: #fff;
}

.grid#listSponzori {
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
    gap: 6px 6px;
    font-weight: bold;
}
*/

/** **/

/*
.ns__kariera .lr-1 .ns__layout ul {
    font-weight: bold;
}
    */

.article.full-width {
    max-width: 980px;
    margin: 0 auto;
}

.attr__TITLE {
    text-align: center;
    margin-top: 2em;
    border-top: 2px solid #e8f1e8;
}

.attr__TITLE h2 {
    font-size: 1.6em;
    font-weight: bold;
    color: #608d22;
}

/** **/

.icon {
    background-size: auto 1.2em;
    background-position: left center;
    padding-left: 2em;
}

.icon-darujeme {
    background-image: url(img/heart-svgrepo-com.svg);
}

.icon-phone {
    background-image: url(img/phone-mobile-svgrepo-com.svg);
}

.icon-done {
    background-image: url(img/done-round-svgrepo-com.svg);
}

.icon-leaf {
    background-image: url(img/leaf.svg);
}

/** **/

/*
a.lnk_icn_pdf {
    border: 2px solid rgba(0, 0, 0, 60%);
    border-radius: 4px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23000000' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='800px' height='800px' viewBox='0 0 92 92' enable-background='new 0 0 92 92' xml:space='preserve'%3E%3Cpath id='XMLID_1335_' d='M89,58.8V86c0,2.8-2.2,5-5,5H8c-2.8,0-5-2.2-5-5V58.8c0-2.8,2.2-5,5-5s5,2.2,5,5V81h66V58.8 c0-2.8,2.2-5,5-5S89,56,89,58.8z M42.4,65c0.9,1,2.2,1.5,3.6,1.5s2.6-0.5,3.6-1.5l19.9-20.4c1.9-2,1.9-5.1-0.1-7.1 c-2-1.9-5.1-1.9-7.1,0.1L51,49.3V6c0-2.8-2.2-5-5-5s-5,2.2-5,5v43.3L29.6,37.7c-1.9-2-5.1-2-7.1-0.1c-2,1.9-2,5.1-0.1,7.1L42.4,65z' /%3E%3C/svg%3E");
    background-size: auto 1.2em;
    background-position: left .6em center;
    padding: .4em 1em .4em 2.6em;
}

a.lnk_icn_pdf:hover {
    background-color: rgb(0 0 0 / 8%);
}
*/


/** **/

/** 
 *  Kariéra
 */

#nsKarOffer {
    margin-top: 2em;
    background-color: var(--color-lblue);
    border-radius: .4em;
    border-right: 1px solid rgb(0 0 0 / 10%);
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding: 1em 5%;
    background: linear-gradient(136deg, rgba(230, 241, 247, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

#nsKarOffer h1.center {
    padding-bottom: 1em;
    margin-bottom: 1em;
    color: 000;
    position: relative;
    font-weight: 500;
    padding-left: 10%;
    padding-right: 10%;
}

#nsKarOffer h2 {
    color: rgb(41 62 92);
    font-weight: normal;
    font-size: 1.2em;
}

#nsKarOffer h1.center::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 2%;
    right: 2%;
    height: 4px;
    border-radius: 4px;
    background-color: rgb(255 255 255 / 60%);
}

/*
#ulKariera {
    line-height: 180%;
    margin: 1em 0;
    padding: 1em 1em 1em 3em;

    font-size: 1.1em;
    border: 2px solid #e6f1f7;
}
*/

#nsKarieraMenu {
    background-color: #e6f1f7;
    outline-offset: 2px;
    outline: 2px solid #e6f1f7;
    padding: 1em 2em;
}

/*
.menuLeft#ulKariera {
    padding-left: 2em;
    text-align: left;
}

/*
#ulKariera li.selected {
    list-style: circle;
    opacity: 0.8;
}

#ulKariera li.selected a {
    text-decoration: none;
}

#ulKariera a {
    text-decoration: underline;
}
*/

.attr__zadosti {
    text-align: center;
    font-size: 1.2em;
}

/** **/

ul.checkbox li {
    list-style: none;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 738 738' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:square;'%3E%3Cg transform='matrix(-1.27619e-14,33.3333,-33.3333,-1.27619e-14,768.718,-631.282)'%3E%3Cpath d='M39,3.06L39,20.94C39,20.973 38.973,21 38.94,21L21.06,21C21.027,21 21,20.973 21,20.94L21,3.06C21,3.027 21.027,3 21.06,3L38.94,3C38.973,3 39,3.027 39,3.06Z' style='fill:none;stroke:black;stroke-width:1px;'/%3E%3C/g%3E%3C/svg%3E");
    background-size: auto 1em;
    background-position: left center;
}

ul.checkbox li.selected {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 738 738' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:square;'%3E%3Cg transform='matrix(1,0,0,1,-31.2816,-31.2816)'%3E%3Cg transform='matrix(-1.27619e-14,33.3333,-33.3333,-1.27619e-14,800,-600)'%3E%3Cpath d='M39,3.06L39,20.94C39,20.973 38.973,21 38.94,21L21.06,21C21.027,21 21,20.973 21,20.94L21,3.06C21,3.027 21.027,3 21.06,3L38.94,3C38.973,3 39,3.027 39,3.06Z' style='fill:none;stroke:black;stroke-width:1px;'/%3E%3C/g%3E%3Cg transform='matrix(33.3333,0,0,33.3333,0,0)'%3E%3Cpath d='M6.667,12.667L10,16L17.333,8.667' style='fill:none;fill-rule:nonzero;stroke:black;stroke-width:2.73px;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

ul.checkbox li a {
    display: block;
    padding-left: 2em;
}

ul.checkbox li a:hover {
    text-decoration: underline;
}

/** **/

#nsDarujme {
    margin-top: 2em;
}

#nsDarujme img {
    display: inline-block;
    max-width: 60%;
}

/** **/

.ns__faq .grid-article {
    grid-template-columns: 1fr 1.2fr;
}

.ns__faq .menuLeft li span.subLabel {
    margin: 0 0 0.2em 0;
}

.ns__faq ul.submenu {
    margin-bottom: 1em;
}

/** **/

.nsImgLogo {
    margin-top: 3em;
    text-align: center;
}

.nsImgLogo img {
    display: inline-block;
    max-width: 80%;
}

.ns__transparentni-ucet #ns_articlePad.width {
    max-width: 980px;
}

#kontakt2 {
    text-align: center;
    font-size: 1.2em;
    padding: 1em 0;
    font-weight: bold;

    background-color: #e6f1f7;
}

#kontakt2 a {
    display: inline-block;
    background-color: #fff;
    font-weight: bold;
    border-radius: 1em;
    padding: .1em 1em;
}

.ns__projekty table.tbl_MD {
    font-size: .9em;
    min-width: 80%;
}

.ns__projekty table.tbl_MD th {
    color: var(--color-grey);
}

.ns__projekty .article strong {
    display: block;
    font-weight: 500;
    text-align: center;
    font-size: 1.1em;
    padding: 1em 5% 1em 5%;
    color: var(--color-h3);
}

#rowid-19-1 {
    background-image: url(/theme/img/pahop-logo-main.svg);
    background-size: 40% auto;
    background-position: left 60% top 5em;
}

.btnDalsi {
    display: block;
    text-align: center;
    text-decoration: underline;
    border-radius: 6px;
    padding: .6em;
}

.btnDalsi:hover {
    background-color: rgb(255 255 255 / 50%);
}

/** **/

ul:has(.lnkPDF) {
    margin: 2em 0;
    padding: 0;
    list-style: none;
}

ul:has(.lnkPDF) li {
    margin: 3px 0;
}

li a.lnkPDF {
    text-decoration: none;
    display: block;
    background-color: #e8f1e899;
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: 4px;
    padding: .6em 1.2em;
    font-weight: bold;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2c-.55 0-1 .45-1 1v8.922a10 10 0 0 0 .254 2.24l-.206.206-.215-.344c-.4-.64-.873-1.234-1.407-1.768l-.966-.966a.996.996 0 0 0-1.41 0c-.39.39-.39 1.03 0 1.42l3.89 3.883a1.5 1.5 0 0 0 2.12 0l3.89-3.883c.39-.39.39-1.03 0-1.42a.996.996 0 0 0-1.41 0l-.966.966a10.004 10.004 0 0 0-1.407 1.768l-.215.344-.206-.207a10 10 0 0 0 .254-2.24V3c0-.55-.45-1-1-1zM6 20a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H6z' fill='%23000000'/%3E%3C/svg%3E");
    background-size: auto 1.4em;
    background-position: left .4em center;
    padding-left: 2.4em;
}

.ns__sluzby .grid-article h1 {
    border-top: 2px solid #cedece;
    border-bottom: 2px solid #cedece;
    margin-top: 1em;
    padding: 1em 5%;
    text-align: center;
}

#lblSponzoriLB {
    text-align: center;
    font-size: 2em;
    margin: 1em 0 1em 0;
    padding: 0 5% 0.6em 5%;
    border-bottom: 2px solid #e8f1e8;
}

.flex#nsSponzoriLB {
    gap: 1em 1em;
}

.flex#nsSponzoriLB div {
    max-width: 30%;
}

/** **/

#nsFotos {
    margin-top: 3em;
    border-radius: 6px;
    overflow: hidden;
}