/* Source: header HTML code */
div.radio-wrapper.inactive-child { 
  display: none !important; 
}

@media (max-width: 767px) {

  /* celý mobilní panel */
  #navigation .menu-level-1,
  .navigation-in .menu-level-1,
  .navigation-window .menu-level-1 {
    background: #fff !important;
    padding: 26px 22px 34px !important;
    font-size: 0 !important;
  }

  #navigation .menu-level-1 > li,
  .navigation-in .menu-level-1 > li,
  .navigation-window .menu-level-1 > li {
    border: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    font-size: 16px !important;
  }

  #navigation .menu-level-1 > li > a,
  .navigation-in .menu-level-1 > li > a,
  .navigation-window .menu-level-1 > li > a {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  /* PŘIHLÁŠENÍ NAHOŘE NA MOBILU */
  #navigation .menu-level-1 > li.dl-login-link,
  .navigation-in .menu-level-1 > li.dl-login-link,
  .navigation-window .menu-level-1 > li.dl-login-link {
    display: block !important;
    width: 100% !important;
    margin-bottom: 18px !important;
  }

  #navigation .menu-level-1 > li.dl-login-link > a,
  .navigation-in .menu-level-1 > li.dl-login-link > a,
  .navigation-window .menu-level-1 > li.dl-login-link > a {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: auto !important;
    padding: 0 0 18px !important;
    color: #111 !important;
    border-bottom: 1px solid #ededed !important;
  }

  .dl-login-icon {
    position: relative;
    display: block;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
  }

  .dl-login-icon::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 50%;
    width: 12px;
    height: 12px;
    border: 2px solid #111;
    border-radius: 50%;
    transform: translateX(-50%);
  }

  .dl-login-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 28px;
    height: 15px;
    border: 2px solid #111;
    border-radius: 18px 18px 8px 8px;
    transform: translateX(-50%);
  }

  .dl-login-text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
  }

  .dl-login-text strong {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: #111;
  }

  .dl-login-text small {
    display: block;
    margin-top: 3px;
    font-size: 14px;
    font-weight: 400;
    color: #777;
  }

  /* horní info odkazy - 2 sloupce */
  #navigation .menu-level-1 > li.dl-info-link,
  .navigation-in .menu-level-1 > li.dl-info-link,
  .navigation-window .menu-level-1 > li.dl-info-link {
    display: inline-block !important;
    width: calc(50% - 5px) !important;
    vertical-align: top !important;
    margin-bottom: 10px !important;
  }

  #navigation .menu-level-1 > li.dl-info-left,
  .navigation-in .menu-level-1 > li.dl-info-left,
  .navigation-window .menu-level-1 > li.dl-info-left {
    margin-right: 10px !important;
  }

  #navigation .menu-level-1 > li.dl-info-link > a,
  .navigation-in .menu-level-1 > li.dl-info-link > a,
  .navigation-window .menu-level-1 > li.dl-info-link > a {
    display: flex !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 12px 14px !important;
    background: #fafafa !important;
    border: 1px solid #eeeeee !important;
    border-radius: 13px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #4a4a4a !important;
    box-shadow: none !important;
  }

  /* nadpis KATEGORIE */
  #navigation .menu-level-1 > li.dl-menu-section-title,
  .navigation-in .menu-level-1 > li.dl-menu-section-title,
  .navigation-window .menu-level-1 > li.dl-menu-section-title {
    display: block !important;
    width: 100% !important;
    padding: 22px 0 0 !important;
    margin: 4px 0 10px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: #9c9c9c !important;
    text-transform: uppercase !important;
    letter-spacing: 0.28em !important;
    border: 0 !important;
    pointer-events: none !important;
  }

  #navigation .menu-level-1 > li.dl-menu-section-title::after,
  .navigation-in .menu-level-1 > li.dl-menu-section-title::after,
  .navigation-window .menu-level-1 > li.dl-menu-section-title::after {
    content: "";
    display: block;
    height: 1px;
    background: #ededed;
    margin-top: 13px;
  }

  /* hlavní kategorie */
  #navigation .menu-level-1 > li:not(.dl-info-link):not(.dl-login-link):not(.dl-menu-section-title),
  .navigation-in .menu-level-1 > li:not(.dl-info-link):not(.dl-login-link):not(.dl-menu-section-title),
  .navigation-window .menu-level-1 > li:not(.dl-info-link):not(.dl-login-link):not(.dl-menu-section-title) {
    display: block !important;
    width: 100% !important;
  }

  #navigation .menu-level-1 > li:not(.dl-info-link):not(.dl-login-link):not(.dl-menu-section-title) > a,
  .navigation-in .menu-level-1 > li:not(.dl-info-link):not(.dl-login-link):not(.dl-menu-section-title) > a,
  .navigation-window .menu-level-1 > li:not(.dl-info-link):not(.dl-login-link):not(.dl-menu-section-title) > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: auto !important;
    padding: 21px 0 !important;
    border-bottom: 1px solid #eeeeee !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #1f1f1f !important;
    letter-spacing: 0.02em !important;
  }

  /* podkategorie */
  #navigation .menu-level-2,
  .navigation-in .menu-level-2,
  .navigation-window .menu-level-2,
  #navigation .menu-level-1 > li > ul,
  .navigation-in .menu-level-1 > li > ul,
  .navigation-window .menu-level-1 > li > ul {
    background: #fff !important;
    border: 0 !important;
    padding: 6px 0 16px !important;
    margin: 0 !important;
  }

  #navigation .menu-level-2 > li,
  .navigation-in .menu-level-2 > li,
  .navigation-window .menu-level-2 > li {
    border: 0 !important;
    background: transparent !important;
  }

  #navigation .menu-level-2 > li > a,
  .navigation-in .menu-level-2 > li > a,
  .navigation-window .menu-level-2 > li > a {
    padding: 10px 0 10px 22px !important;
    border: 0 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    color: #666 !important;
    position: relative !important;
  }

  #navigation .menu-level-2 > li > a::before,
  .navigation-in .menu-level-2 > li > a::before,
  .navigation-window .menu-level-2 > li > a::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: #d8d8d8;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
  }

  /* zavírací křížek */
  #navigation .close,
  .navigation-in .close,
  .navigation-window .close {
    top: 18px !important;
    right: 18px !important;
    opacity: 0.8 !important;
  }
}

/* DESKTOP OPRAVA - na PC jen Přihlášení */
@media (min-width: 768px) {
  .dl-menu-section-title {
    display: none !important;
  }

  .dl-login-icon,
  .dl-login-text small {
    display: none !important;
  }

  .dl-login-text {
    display: inline !important;
  }

  .dl-login-text strong {
    display: inline !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
  }
}

/* Source: footer HTML code */
.dlhome-ref{display:block!important;width:100%!important;max-width:100%!important;flex:0 0 100%!important;grid-column:1/-1!important;clear:both!important;box-sizing:border-box!important;position:relative;overflow:hidden;margin:34px 0;padding:38px;border-radius:24px;background:linear-gradient(120deg,rgba(0,39,66,.9),rgba(0,114,168,.58)),url("/user/documents/upload/inline/xxxx1.jpg") center/cover no-repeat;color:#fff}.dlhome-ref>*{position:relative;z-index:1}.dlhome-ref span{display:inline-block;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.15);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff}.dlhome-ref h2{margin:0 0 12px;font-size:34px;line-height:1.18;font-weight:900;color:#fff}.dlhome-ref p{margin:0 0 24px;max-width:640px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.94)}.dlhome-ref a{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:999px;background:#fff;color:#005f8c!important;font-size:15px;font-weight:800;text-decoration:none!important}@media(max-width:767px){.dlhome-ref{margin:24px 0;padding:28px 20px;border-radius:20px}.dlhome-ref h2{font-size:26px}.dlhome-ref p{font-size:15px}.dlhome-ref a{width:100%}}

/* Source: footer HTML code */
@media(min-width:768px){.header-top{position:relative!important}.dl-fb-wrap{position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;z-index:50;white-space:nowrap}.dl-fb-top,.dl-fb-bot{font-size:10px!important;line-height:1.1!important;color:#5f6f7a!important;font-weight:600}.dl-fb-head{display:inline-flex!important;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#1877f2;color:#fff!important;font-weight:700;font-size:13px;text-decoration:none!important}.dl-fb-head:before{content:"f";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#1877f2;font:900 15px Arial}}@media(max-width:767px){.dl-fb-wrap{display:none!important}}

/* Rady a novinky - modern article cards */
body.type-posts-listing.in-rady-novinky .news-wrapper,
body.type-posts-listing.in-rady-novinky .news-list,
body.type-posts-listing.in-rady-novinky .content-inner > .news,
body.type-posts-listing.in-rady-novinky .content-inner > .news-items {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  align-items: stretch;
}

body.type-posts-listing.in-rady-novinky .news-item {
  position: relative;
  display: flex !important;
  flex-direction: column;
  box-sizing: border-box;
  height: auto !important;
  min-height: 350px;
  padding: 30px 24px 24px;
  border: 1px solid rgba(15, 88, 133, 0.18);
  border-top: 4px solid #1080bd;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(232, 247, 255, 0.62) 0, rgba(255, 255, 255, 0) 86px),
    #fff;
  box-shadow: 0 16px 38px rgba(0, 39, 66, 0.1);
  overflow: visible;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

body.type-posts-listing.in-rady-novinky .news-item::after {
  content: "";
  display: none;
}

body.type-posts-listing.in-rady-novinky .news-item::before {
  content: "Mo\0159 sk\00e1  akvaristika";
  display: inline-flex;
  align-self: flex-start;
  margin-bottom: 17px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #e6f3fb;
  color: #075781;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  box-shadow: inset 0 0 0 1px rgba(16, 118, 183, 0.08);
}

body.type-posts-listing.in-rady-novinky .news-item:hover {
  transform: translateY(-4px);
  border-color: rgba(16, 118, 183, 0.36);
  box-shadow: 0 22px 48px rgba(0, 39, 66, 0.15);
  background:
    linear-gradient(180deg, rgba(218, 243, 255, 0.78) 0, rgba(255, 255, 255, 0) 92px),
    #fff;
}

body.type-posts-listing.in-rady-novinky .news-item .text {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

body.type-posts-listing.in-rady-novinky .news-item .title {
  display: -webkit-box;
  min-height: 0;
  margin: 0 0 14px;
  color: #082f4a !important;
  font-size: 21px;
  line-height: 1.22;
  font-weight: 900;
  text-decoration: none !important;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

body.type-posts-listing.in-rady-novinky .news-item .title:hover {
  color: #1076b7 !important;
}

body.type-posts-listing.in-rady-novinky .news-item time {
  order: 2;
  margin: 0 0 15px;
  color: #315d78;
  font-size: 13px;
  font-weight: 800;
}

body.type-posts-listing.in-rady-novinky .news-item .description,
body.type-posts-listing.in-rady-novinky .news-item p {
  display: -webkit-box;
  order: 3;
  margin: 0;
  color: #516a7a;
  font-size: 15px;
  line-height: 1.58;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

body.type-posts-listing.in-rady-novinky .news-item .dl-article-card-link {
  order: 20;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-top: auto;
  padding: 10px 14px;
  border-radius: 999px;
  background: #1076b7;
  color: #fff !important;
  font-weight: 900;
  text-decoration: none;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}

body.type-posts-listing.in-rady-novinky .news-item .dl-article-card-link::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -17px;
  height: 1px;
  background: rgba(15, 88, 133, 0.1);
}

body.type-posts-listing.in-rady-novinky .news-item .dl-article-card-link:hover {
  background: #0f5885;
  color: #fff !important;
  text-decoration: none;
}

body.type-posts-listing.in-rady-novinky .news-item > a:not(.title),
body.type-posts-listing.in-rady-novinky .news-item img,
body.type-posts-listing.in-rady-novinky .news-item .image {
  display: none !important;
}

@media (max-width: 991px) {
  body.type-posts-listing.in-rady-novinky .news-wrapper,
  body.type-posts-listing.in-rady-novinky .news-list,
  body.type-posts-listing.in-rady-novinky .content-inner > .news,
  body.type-posts-listing.in-rady-novinky .content-inner > .news-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (max-width: 640px) {
  body.type-posts-listing.in-rady-novinky .news-wrapper,
  body.type-posts-listing.in-rady-novinky .news-list,
  body.type-posts-listing.in-rady-novinky .content-inner > .news,
  body.type-posts-listing.in-rady-novinky .content-inner > .news-items {
    grid-template-columns: 1fr;
  }

  body.type-posts-listing.in-rady-novinky .news-item {
    min-height: 0;
    padding: 22px 20px;
  }

  body.type-posts-listing.in-rady-novinky .news-item .title {
    font-size: 19px;
  }
}

