@import url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lobster&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap");
@import url("https://use.fontawesome.com/releases/v6.4.2/css/all.css");
/* UZIVATELSKY DEFINOVANE STYLY */

.dokumentEdit input[type="checkbox"]{
  scale: 2;
}


:root {
  --zelena: #57aa27;
  --oranzova: #ef7d00;
  --modra: #0070af;
  --zluta: #ffd84f;
  --cervena: #ee3424;
  --cyan: #0093a9;
}

.button {
  font-weight: 700;
  background-color: var(--zluta);
  border: 2px var(--zluta) solid;
  color: black;
  text-shadow: none;
  border-radius: 5px;
  box-shadow: none;
  transition-duration: 0.2s;
}

.button:hover {
  transition-duration: 0.2s;
  background-color: white;
}

.cal-date {
  width: 220px;
}

#cal_content {
  height: 470px;
}

#Content {
  color: #000;
}

.vc_tta-title-text {
  color: #0070af;
  font-family: Trebuchet MS;
  text-decoration: none;
  font-style: normal;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .tg {
    width: auto !important;
  }
  .tg col {
    width: auto !important;
  }
  .tg-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

h2 > a {
  font-size: 19px;
}

.odkazy a {
  font-weight: 700;
  text-decoration: underline;
}

.odkazyOsm a {
  text-decoration: underline !important;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: rgb(0, 83, 32);
}

.odkazyOsm p,
.odkazyOsm ul li,
.odkazyOsm ul {
  font-size: 12px;
  line-height: 16px;
}

.mainarticle h3 {
  color: var(--modra);
  font-size: 17px;
}

.tabulecka {
  border: solid black 1px;
}

.pioFormNoteMessage {
  color: var(--modra);
  font-weight: 700;
}

.pioFormNoteMessage::before,
.pioFormNoteMessage::after {
  content: "";
}

/* ACCORDION */

.niceaccordion .vc_tta-panel {
  margin: 10px 0;
}

.niceaccordion .vc_tta-panel-title {
  border-radius: 5px !important;
  transition-duration: 0.2s;
}

.niceaccordion .vc_active .vc_tta-panel-title {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  transition-duration: 0.2s;
}

.niceaccordion:not(.accordion-yellow) .vc_tta-panel-title span {
  color: white !important;
}

.niceaccordion:not(.accordion-yellow) .vc_tta-panel-title i::before,
.niceaccordion:not(.accordion-yellow) .vc_tta-panel-title i::after {
  border-color: white !important;
}

.accordion-blue .vc_tta-panel-title {
  background-color: var(--modra);
}

.accordion-blue .vc_tta-panel-body {
  background-color: rgba(0, 112, 175, 0.1) !important;
}

.accordion-green .vc_tta-panel-title {
  background-color: var(--zelena);
}

.accordion-green .vc_tta-panel-body {
  background-color: rgba(87, 170, 39, 0.1) !important;
}

.accordion-red .vc_tta-panel-title {
  background-color: var(--cervena);
}

.accordion-red .vc_tta-panel-body {
  background-color: rgba(238, 52, 175, 0.1) !important;
}

.accordion-yellow .vc_tta-panel-title {
  background-color: var(--zluta);
}

.accordion-yellow .vc_tta-panel-body {
  background-color: rgba(255, 216, 79, 0.1) !important;
}

.accordion-yellow .vc_tta-panel-title span {
  color: black !important;
}

.accordion-yellow .vc_tta-panel-title i::before,
.accordion-yellow .vc_tta-panel-title i::after {
  border-color: black !important;
}

/* TABLES */

.nicetable table {
  border-collapse: collapse;
}

.nicetable td {
  padding: 10px;
  text-align: center;
}

.nicetable tbody tr {
  border: black 1px dotted;
}

.nicetable table thead {
  font-weight: 700;
  border: 1px dotted;
}

.nicetable table thead tr td.table-radius-top {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}

.nicetable tbody td {
  border: black 1px dotted;
}

.nicetable:not(.table-yellow) h2,
.nicetable:not(.table-yellow) thead {
  color: white;
}

.table-green tbody tr,
.table-green tbody td {
  border-color: var(--zelena);
}

.table-green table thead {
  background-color: var(--zelena);
}

.table-green tbody tr:nth-child(even) {
  background-color: rgba(87, 170, 39, 0.1);
}

.table-yellow tbody tr,
.table-yellow tbody tr td {
  border-color: var(--zluta);
}

.table-yellow table thead {
  background-color: var(--zluta);
}

.table-yellow tbody tr:nth-child(even) {
  background-color: rgba(255, 216, 79, 0.1);
}

.table-red tbody tr,
.table-red tbody tr td {
  border-color: var(--cervena);
}

.table-red table thead {
  background-color: var(--cervena);
}

.table-red tbody tr:nth-child(even) {
  background-color: rgba(138, 52, 36, 0.1);
}

.table-blue tbody tr,
.table-blue tbody tr td {
  border-color: var(--modra);
}

.table-blue table thead {
  background-color: var(--modra);
}

.table-blue tbody tr:nth-child(even) {
  background-color: rgba(0, 112, 175, 0.1);
}

/* CLICKABLE DIV */

.clickable {
  border: 2px solid rgba(0, 0, 0, 0);
  transition-duration: 0.2s;
  text-align: center;
}

.clickable p {
  margin: 0;
}


.clickable:hover {
  background-color: white;
  transition-duration: 0.2s;
}

.clickable-uk:hover {
  border-color: #ffd600;
  transition-duration: 0.2s;
}

.clickable-uk:hover p,
.clickable-uk:hover a,
.clickable-uk:hover h2 {
  color: #0058b5;
  transition-duration: 0.2s;
}

.clickable-blue:hover {
  border-color: var(--modra);
  transition-duration: 0.2s;
}

.clickable-blue:hover p,
.clickable-blue:hover a,
.clickable-blue:hover h2 {
  color: var(--modra);
  transition-duration: 0.2s;
}

.clickable-red:hover {
  border-color: var(--cervena);
  transition-duration: 0.2s;
}

.clickable-red:hover p,
.clickable-red:hover a,
.clickable-red:hover h2 {
  color: var(--cervena);
  transition-duration: 0.2s;
}

.clickable-yellow:hover {
  border-color: var(--zluta);
  transition-duration: 0.2s;
}

.clickable-yellow:hover p,
.clickable-yellow:hover a,
.clickable-yellow:hover h2 {
  color: black;
  transition-duration: 0.2s;
}

.clickable-green:hover {
  border-color: var(--zelena);
  transition-duration: 0.2s;
}

.clickable-green:hover p,
.clickable-green:hover a,
.clickable-green:hover h2 {
  color: var(--zelena);
  transition-duration: 0.2s;
}

/* GENERIC BOX STYLE */

.roundbox {
  padding: 15px;
  border-radius: 5px;
}

/* DESIGN FILL */

.fill-uk,
.fill-uk h2,
.fill-uk a{
    color: #0058b5;
}

.fill-green,
.fill-green h2,
.fill-green a,
.fill-orange,
.fill-orange a,
.fill-orange h2,
.fill-blue,
.fill-blue h2,
.fill-blue a,
.fill-red,
.fill-red h2,
.fill-red a {
  color: white;
}

.fill-uk{
    background-color: #ffd600;
}

.fill-green {
  background-color: var(--zelena);
}

.fill-orange {
  background-color: var(--oranzova);
}

.fill-blue {
  background-color: var(--modra);
}

.fill-yellow {
  background-color: var(--zluta);
}

.fill-red {
  background-color: var(--cervena);
}

.fill-brown {
  background-color: #e5c28e;
}

.fill-yellow h2,
.fill-brown h2 {
  color: black;
}

.fill-brown h2 {
  font-family: "Amatic SC";
  font-size: 30px;
}

/* fill heading */

.fill-heading {
  text-align: center;
  padding: 30px;
  border-radius: 5px;
  color: white;
}

.fill-heading h2 {
  font-size: 33px;
  color: white;
}

#fill-heading-green {
  background-color: var(--zelena);
}

#fill-heading-orange {
  background-color: var(--oranzova);
}

#fill-heading-blue {
  background-color: var(--modra);
}

#fill-heading-yellow {
  background-color: var(--zluta);
  text-align: center;
  padding: 30px;
  border-radius: 5px;
  color: black;
}

#fill-heading-yellow h2 {
  font-size: 33px;
  color: black;
}

#fill-heading-blue {
  background-color: var(--modra);
}

#fill-heading-red {
  background-color: var(--cervena);
}

.fill-heading-green {
  background-color: var(--zelena);
}

.fill-heading-orange {
  background-color: var(--oranzova);
}

.fill-heading-blue {
  background-color: var(--modra);
}

.fill-heading-yellow {
  background-color: var(--zluta);
  text-align: center;
  padding: 30px;
  border-radius: 5px;
  color: black;
}

.fill-heading-yellow h2 {
  font-size: 33px;
  color: black;
}

.fill-heading-blue {
  background-color: var(--modra);
}

.fill-heading-red {
  background-color: var(--cervena);
}

/* DESIGN BOX OUTLINE */

.outlinebox {
  padding: 12px;
  border-radius: 5px;
  border-style: solid;
  border: 3px black solid;
}

.outlinebox h2{
  font-variant: small-caps;
}

.outline-green {
  border-color: var(--zelena) !important;
}

.outline-green h2 {
  color: var(--zelena);
}

.outline-orange {
  border-color: var(--oranzova) !important;
}

.outline-orange h2 {
  color: var(--oranzova);
}

.outline-blue {
  border-color: var(--modra) !important;
}

.outline-blue h2 {
  color: var(--modra);
}

.outline-yellow {
  border-color: var(--zluta) !important;
}

.outline-yellow h2 {
  color: black;
}

.outline-red {
  border-color: var(--cervena) !important;
}

.outline-red h2 {
  color: var(--cervena);
}

#outline-heading {
  text-align: center;
  padding: 30px;
  border-radius: 5px;
  border: 3px solid;
}

#outline-heading h2 {
  font-size: 33px;
}

.outline-heading {
  text-align: center;
  padding: 30px;
  border-radius: 5px;
  border: 3px solid;
}

.outline-heading h2 {
  font-size: 28px;
}

/* centered links ? */

.centered-links p {
  margin-top: 15px;
  font-size: 16px;
}

.centered-links h2 {
  padding-bottom: 5px;
  border-bottom: 2px solid;
}

.centered-links a {
  border-bottom: 1px solid;
}

.centered-links a:hover {
  border-bottom: 2px solid;
}

/* HOMEPAGE EDITS */

.zuby {
  display: none;
}

img.imghome {
  padding: 10px;
  border-radius: 20px;
}

.hpobrdiv {
  border-bottom: 2px white solid;
  padding-bottom: 5px;
  transition-duration: 0.5s;
}

.hpobrdiv:hover {
  border-color: var(--modra);
  background: none;
  transition-duration: 0.5s;
}

.hpbox {
  border: none !important;
}

/* ------------------- X. VZP ------------------- */

/* XVZP menu */

.xvzp-topmenu {
  padding: 15px;
  border-radius: 5px;
  background-color: var(--modra);
}

.xvzp-topmenu a {
  color: white;
  display: block;
}

.xvzp-topmenu ul {
  text-align: center;
  padding: 0;
  margin: 0;
}

.xvzp-topmenu ul li {
  display: inline-block;
}

.xvzp-topmenu ul li a {
  text-decoration: none;
  padding: 5px 15px;
}

.xvzp-topmenu ul li a::before {
  content: url("https://pionyr.cz/images/figurka_bila2.png");
  margin-right: 5px;
}

/* XVZP lead */

.xvzp-lead {
  padding: 17px;
  text-align: center;
}

.xvzp-lead p,
.xvzp-lead a {
  color: var(--modra);
  font-size: 19px;
}

.xvzp-lead p:not(:last-child) {
  padding-bottom: 7px;
}

.xvzp-lead h2 {
  margin-bottom: 20px;
  font-size: 29px;
}

.xvzp-lead p a {
  text-decoration: underline;
}

.xvzp-lead p a.small {
  font-size: 15px;
}

.xvzp-lead-plain {
  padding: 17px;
  text-align: center;
}

.xvzp-lead-plain h2 {
  margin-bottom: 20px;
  font-size: 29px;
}

.xvzp-title h2 {
  font-size: 33px;
  font-weight: 400;
}

@media screen and (max-width: 580px) {
  .xvzp-topmenu ul li {
    display: list-item;
    list-style-type: none;
  }
  .xvzp-topmenu ul {
    text-align: left;
  }
}

/* ------------------- XI. VZP ------------------- */

/* XVZP menu */

.xi-vzp-topmenu {
  padding: 15px;
  border-radius: 5px;
  background-color: var(--zelena);
}

.xi-vzp-topmenu a {
  color: white;
  display: block;
}

.xi-vzp-topmenu ul {
  text-align: center;
  padding: 0;
  margin: 0;
}

.xi-vzp-topmenu ul li {
  display: inline-block;
}

.xi-vzp-topmenu ul li a {
  text-decoration: none;
  padding: 5px 15px;
}

.xi-vzp-topmenu ul li a::before {
  content: url("https://pionyr.cz/images/figurka_bila2.png");
  margin-right: 5px;
}

/* XVZP lead */

.xi-vzp-lead {
  padding: 17px;
  text-align: center;
}

.xi-vzp-lead p,
.xi-vzp-lead a {
  color: var(--zelena);
  font-size: 19px;
}

.xi-vzp-lead p:not(:last-child) {
  padding-bottom: 7px;
}

.xi-vzp-lead h2 {
  margin-bottom: 20px;
  font-size: 29px;
}

.xi-vzp-lead p a {
  text-decoration: underline;
}

.xi-vzp-lead p a.small {
  font-size: 15px;
}

.xi-vzp-lead-plain {
  padding: 17px;
  text-align: center;
}

.xi-vzp-lead-plain h2 {
  margin-bottom: 20px;
  font-size: 29px;
}

.xi-vzp-title h2 {
  font-size: 33px;
  font-weight: 400;
  color: var(--zelena);
}

@media screen and (max-width: 580px) {
  .xi-vzp-topmenu ul li {
    display: list-item;
    list-style-type: none;
  }
  .xi-vzp-topmenu ul {
    text-align: left;
  }
}

/* ------------------- XII. VZP ------------------- */

/* XIIVZP menu */

.xii-vzp-topmenu {
  padding: 15px;
  border-radius: 5px;
  background-color: var(--cervena);
}

.xii-vzp-topmenu a {
  color: white;
  display: block;
}

.xii-vzp-topmenu ul {
  text-align: center;
  padding: 0;
  margin: 0;
}

.xii-vzp-topmenu ul li {
  display: inline-block;
}

.xii-vzp-topmenu ul li a {
  text-decoration: none;
  padding: 5px 15px;
}

.xii-vzp-topmenu ul li a::before {
  content: url("https://pionyr.cz/images/figurka_bila2.png");
  margin-right: 5px;
}

/* XIIVZP lead */

.xii-vzp-lead {
  padding: 17px;
  text-align: center;
}

.xii-vzp-lead p,
.xii-vzp-lead a {
  color: var(--cervena);
  font-size: 19px;
}

.xii-vzp-lead p:not(:last-child) {
  padding-bottom: 7px;
}

.xii-vzp-lead h2 {
  margin-bottom: 20px;
  font-size: 29px;
}

.xii-vzp-lead p a {
  text-decoration: underline;
}

.xii-vzp-lead p a.small {
  font-size: 15px;
}

.xii-vzp-lead-plain {
  padding: 17px;
  text-align: center;
}

.xii-vzp-lead-plain h2 {
  margin-bottom: 20px;
  font-size: 29px;
}

.xii-vzp-title h2 {
  font-size: 33px;
  font-weight: 400;
  color: #E70D32;
}

@media screen and (max-width: 580px) {
  .xii-vzp-topmenu ul li {
    display: list-item;
    list-style-type: none;
  }
  .xii-vzp-topmenu ul {
    text-align: left;
  }
}

/* PERSON CARD */

.pio-card {
  width: 100%;
  border: 2px solid var(--modra);
  padding: 10px;
  border-radius: 13px;
  height: 270px;
}

.pio-card p {
  text-align: center;
}

.pio-card img {
  max-width: 120px;
  border: 2px solid var(--modra);
  border-radius: 200px;
}

.pio-card-name {
  font-size: 12pt;
  color: var(--modra);
  font-weight: 700;
}
.pio-card-pos {
  font-size: 11pt;
  font-weight: 700;
  font-variant: small-caps;
}
.pio-card-mail {
  text-decoration: underline;
}

/** UZNADO **/

.uzd p,
.uzd a {
  font-family: "Nunito";
}

.uzd h2 {
  font-family: "Nunito";
  text-align: center;
  font-size: 25px;
  margin-bottom: 15px;
  margin-top: 10px;
}

.uzd h3 {
  display: inline-block;
  font-family: Nunito;
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 10px;
  border-bottom: 1px dashed;
}

.uzd h4 {
  font-family: Nunito;
  font-size: 18px;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-decoration: 1px underline dashed;
  text-underline-offset: 2px;
  text-align: center;
}

.uzd-logo {
  width: 20%;
  margin-bottom: 25px !important;
}

.uzd-box {
  border: 1px solid rgba(0, 112, 175, 0.5);
  padding: 10px;
  border-radius: 15px;
  margin: 5px;
}

.uzd-cas,
.uzd-cas h2,
.uzd-cas h3,
.uzd-cas h4 {
  color: var(--modra) !important;
  border-color: var(--modra);
}
.uzd-pri,
.uzd-pri h2,
.uzd-pri h3,
.uzd-pri h4 {
  color: var(--zelena) !important;
  border-color: var(--zelena);
}
.uzd-tec,
.uzd-tec h2,
.uzd-tec h3,
.uzd-tec h4 {
  color: #cd9f00 !important;
  border-color: #cd9f00;
}
.uzd-tec-out {
  color: #ffd84f !important;
  border-color: #ffd84f;
}
.uzd-spo,
.uzd-spo h2,
.uzd-spo h3,
.uzd-spo h4 {
  color: var(--cervena) !important;
  border-color: var(--cervena);
}
.uzd-ume,
.uzd-ume h2,
.uzd-ume h3,
.uzd-ume h4 {
  color: var(--cyan) !important;
  border-color: var(--cyan);
}

.uzd-clickable {
  padding: 10px;
  color: var(--modra);
  border: 1px dashed var(--modra);
  border-radius: 10px;
  font-family: Nunito;
  font-size: 18px;
  transition-duration: 0.2s;
}

.uzd-clickable:hover {
  color: white;
  background-color: var(--modra);
  transition-duration: 0.2s;
}

.fa-caret-right {
  float: right;
}

.fa-caret-right,
.fa-caret-left {
  font-size: 24px;
}

.uzd-clickable .fa {
  margin: 0 10px;
}

.uzd-clickable-card {
  width: 100%;
  padding: 15px;
  color: var(--cervena);
  border: 1px dashed var(--cervena);
  border-radius: 10px;
  font-family: Nunito;
  transition-duration: 0.2s;
  text-align: center;
}

.uzd-clickable-card p {
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 700;
  font-family: Nunito;
  text-transform: uppercase;
}

.uzd-clickable-card .fa {
  font-size: 30px;
}

.uzd-clickable-card:hover {
  color: white;
  background-color: var(--cervena);
  transition-duration: 0.2s;
}

.uzd-area-card {
  border: 4px solid;
  padding: 0 10px 10px 10px;
  border-radius: 15px;
  margin-top: 50px;
}

.uzd-area-card img.uzd-icon-show {
  width: 60px;
  margin-top: -40px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.uzd-area-card-inner {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

.uzd-area-card-inner-task {
  flex-grow: 1;
  font-family: Nunito;
  padding: 15px;
  flex-basis: 32%;
  margin: 5px;
  border-radius: 13px;
}

.uzd-area-card .uzd-clickable {
  text-align: center;
  font-size: 14px;
  padding: 5px;
  font-weight: 700;
  margin-top: 3px;
  margin-bottom: 3px;
}

.uzd-area-card .uzd-clickable-all-theme {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.uzd-cas .uzd-clickable {
  color: var(--modra);
  border: 1px dashed var(--modra);
}

.uzd-cas .uzd-clickable:hover {
  color: white;
  background-color: var(--modra);
}

.uzd-cas .uzd-clickable-all {
  background-color: var(--modra);
  color: white;
}

.uzd-pri .uzd-clickable {
  color: var(--zelena);
  border: 1px dashed var(--zelena);
}

.uzd-pri .uzd-clickable:hover {
  background-color: var(--zelena);
  color: white;
}

.uzd-pri .uzd-clickable-all {
  background-color: var(--zelena);
  color: white;
}

.uzd-spo .uzd-clickable {
  color: var(--cervena);
  border: 1px dashed var(--cervena);
}

.uzd-spo .uzd-clickable:hover {
  background-color: var(--cervena);
  color: white;
}

.uzd-spo .uzd-clickable-all {
  background-color: var(--cervena);
  color: white;
}

.uzd-tec .uzd-clickable {
  color: #cd9f00;
  border: 1px dashed #cd9f00;
}

.uzd-tec .uzd-clickable:hover {
  background-color: #cd9f00;
  color: white;
}

.uzd-tec .uzd-clickable-all {
  background-color: #cd9f00;
  color: white;
}

.uzd-ume .uzd-clickable {
  color: var(--cyan);
  border: 1px dashed var(--cyan);
}

.uzd-ume .uzd-clickable:hover {
  background-color: var(--cyan);
  color: white;
}

.uzd-ume .uzd-clickable-all {
  background-color: var(--cyan);
  color: white;
}

input.submit-koncept{
  background-color: white;
}

input.submit-koncept:hover{
  background-color: #aaa;
}


/* PŘIHLAŠOVNA - ÚPRAVA TLAČÍTEK POTVRZENÍ A SMAZÁNÍ ÚČASTNÍKA */

table#akce.seznamucastniku span.tabbtn{
  padding: 7px;
  color: white;
  text-align: center;
  font-weight: 700;
  margin: 5px;
}

span[act="potvr"] {
  background-color: #57aa27;
}

span[act="del"] {
  background-color: #ee3424;
}

/* MOJE TÁBORY - ÚPRAVA TLAČÍTKA */
a.button#new-camp {
  background-color: var(--zelena);
  border-color: var(--zelena);
  color: white;
}

a.button#new-camp:hover {
  transition-duration: 0.2s;
  background-color: white;
  color: var(--zelena)
}


.nastenka-tucny-odkaz a{
  font-weight: 700;
  color: var(--cervena) !important;
}