/*html {
	overflow:scroll;
  scrollbar-gutter: stable both-edges;
}
body.modal-open {
  overflow: hidden;
}*/
body {
	background:#F0EDE6;
}
#gallery .gallery-item {
	border: 24px solid white;
	display: inline-block;
	margin: 20px;
	background:black;
	color:#aaa;
	font-size: .7em;
}
#gallery .gallery-item .photo {height:200px}

.modal-header {
	padding-top:6px;
	padding-bottom:8px;
	position:relative;
	border-color:#333;
}

.carousel-control-next, .carousel-control-prev, .carousel-control-close {
	position:relative;
	color:#666;
	text-decoration: none;
	opacity:1;
	text-align:left;
	justify-content: left;
	padding-left: 6px;
	width:20px;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;

}	
.carousel-control-next:link, .carousel-control-prev:link, .carousel-control-close:link,
.carousel-control-next:visited, .carousel-control-prev:visited,  .carousel-control-close:visited {
	color:#666 !important;
}
.carousel-control-next:hover, .carousel-control-prev:hover, .carousel-control-close:hover {
	color:#aaa !important;
}
.carousel-control-next:focus, .carousel-control-prev:focus, .carousel-control-close:focus, 
.carousel-control-next:active, .carousel-control-prev:active, .carousel-control-close:active {
	color:#555  !important;
}

.dropdown-item:active {background-color:#999;}


.modal-content {background-color:#222 !important;}

.carousel-control-prev {
	padding-right: 22px;
	text-align: left;
}
.carousel-control-next {
	padding-left: 10px;
	text-align: right;
}
.carousel-control-close {
	line-height: 6px;
	position:absolute;
	right:14px;
}
.navbar {
	font-style: italic;
}
.navbar-toggler {
	border:none;
}

#context .btn-link {

}
#context {
	margin-top: 10px;
}
#context .btn {
	margin-top:10px;
	opacity:.5;
	font-size: .75em;
	/*position:absolute;
	right:50px;
	top:50px;*/
}
.btn-secondary {
	background-color:#aaa;
	border:none;
}

#slideshowModal {
  background-color: rgba(44, 44, 44, 0.7);
}

h2{font-size: 1.75em;}

#hometagline {
  /*writing-mode: vertical-lr;*/
  margin-top: 8px;
  margin-bottom: 8px;
}

#homephoto {
    max-height: 75vh; /* Limits the image height to the viewport height */
    max-width: 75vw;  /* Ensures the image doesn't overflow horizontally */
    display: block;    /* Prevents extra space below the image */
    height: auto;      /* Maintains the aspect ratio based on width/max-height */
    width: auto;       /* Maintains the aspect ratio based on height/max-width */
}

.notitalic {
	font-style: normal;
}

.carousel-item-caption {
	text-align:center;
	color:#888;
	margin-top:10px;
}