/**
 * Theme Name: Astra Sokol
 * Template:   astra
 */

.slider-overlay {
  inset: 0;
  position: absolute;
  margin-top: -20px;
  margin-bottom: -20px;
}

@media (max-width: 600px) {
	.swiper-wrapper, .slider-overlay {
		margin-top: 0px !important;
   	 	margin-bottom: 0px !important;
	}
}

.swiper-slide {
	margin-right: 20px;
}

.swiper-wrapper {
	margin-top: 20px;
    margin-bottom: 20px;
}

.home .entry-title {
  display: none;
}

.news-list li {
  display: grid;
  grid-template-areas:
    "a a"
    "b c";
  font-size: 15px;
}

.news-list .wp-block-latest-posts__post-title {
  grid-area: a;
  margin-bottom: 0px;
}

.news-list .wp-block-latest-posts__post-author,
.news-list .wp-block-latest-posts__post-date {
  font-size: 10px;
  color: #666;
  margin-top: 0px;
}

.news-list .wp-block-latest-posts__post-author {
  grid-area: b;
}

.news-list .wp-block-latest-posts__post-date {
  grid-area: c;
  justify-self: end;
}

.custom-news > li > time {
  font-size: 12px !important;
  margin: 0;
  padding: 0 0 0 10px;
}

.custom-news > li > div {
  font-size: 12px !important;
  margin: 0;
  padding: 0 0 0 10px;
}


.user-info-block {
  /*margin-bottom: 1em;*/
  margin-top: 0;
}

.user-summary {
  display: flex;
  align-items: center;
  gap: 10px;
}

.user-avatar {
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.user-popup {
  background: #f4f4f4;
  padding: 10px;
  border: 1px solid #ccc;
  margin-top: 10px;
  align-items: flex-start;
  gap: 20px;
}

.user-popup, .user-detail  {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

@media (max-width: 600px) {
    .user-popup, .user-detail {
        flex-direction: column-reverse;
    }
}

.user-avatar-detail {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  border: 2px solid #BBB;
}

.user-detail {
  background: #f4f4f4;
  border: 1px solid #ccc;
  margin-top: 0;
  padding: 10px;
  align-items: flex-start;
  gap: 20px;
}

.admin-icon-link {
  left: 0;
  position: absolute;
  margin-left: 20px;
}

.user-details {}