body {
	margin: 0;
	padding: 0;
	color: #000;
}


H1 a {
	color: inherit; /* set in body */
	text-decoration: none; /* no underline */
}

code {
  white-space: pre-wrap;
}


/* ---- Header container ---- */

/* Style the header with a grey background and some padding */
.header {
  overflow: visible;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
  height: 60px;
  width: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;

}

.header-container {
	margin-left: 50px !important;
	margin-right: 50px !important;
}

.header .logo {
	font-size: 1.5rem;
	font-weight: bold;
}

#dropdown-container {
	padding: 0;
}

.h2-block#horizontal-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Reusables */

/* awarded_badge_block */

.badge_block {
	height: 30px;
	width: 40px;
	margin: 10px;
	align-items: center;
}

.badge_block img {
	height: 30px;
	width: 30px;
}

/* project_block.html */

.project_list .project_block {
	margin-bottom: 16px; /* add margin between child divs */
}

#calendar-container {
	width: max-content !important;
	max-width: 300px;
/*	white-space: nowrap;*/
	overflow: auto;
	display: inline-flex;
}

/*#ch-container {
	display:inline-block;
}*/


/* list_project_release_block */

.list_project_release_block {
	width: max-content !important;
}

.single-release-container#horizontal-item{
	display: flex;
	justify-content: start;
}

/* Blog post */
.blog_post p:not(strong) {
  color: #505050;
}

/* User blog posts  */
.author_post img {
	width: 100%;
}

/* Block Quote Styles */
blockquote {
  padding: 0.5rem 1rem;
  margin: 0 0 1rem;
  border-left: 0.25rem solid #505050;
  background-color: #f8f9fa;
  color: #505050;
  font-style: italic;
}

blockquote p {
  margin-bottom: 0;
}


.text-shadow {
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  color: white;
}


/* Cabin scene */

#cozy_scene {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.scene {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 1vw;
}

.cabin-group,
.forest {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 1.0rem;
}

/* Responsive spacing between cabin area and forest */
.spacer {
  width: clamp(4rem, 15vw, 14rem);
}

/* Image styling */
.cabin,
.tree {
  height: 20px;
  width: auto;
  object-fit: contain;
  image-rendering: auto;
  user-select: none;
}

/* Optional: make the tree near the cabin smaller */
.small-tree {
  transform: scale(0.85);
  transform-origin: bottom center;
}
