@font-face {font-family:varfont; src: url('/Fonts/AcmePoetsen_One/Acme/Acme-Regular.ttf') format('truetype');}
* {font-family:varfont}
.footerlink {cursor:pointer;font-size:1.5vh}
.nav-link {cursor:pointer}

.form-control::placeholder {
  color: lightgray;
  opacity: 1; /* Ensures full visibility in Firefox */
}
#inviteModal * {font-size:2vh}

.popover-body {font-size:2vh;font-weight:bold;color:tomato}

.modal-header {border-width:0}
.menuText {font-size:1.5vh}
.mainMenuItem {text-align:center}
.mainMenuItem > img {width:30%;max-height:3vh}

button {font-size:2.5vh!important}

.person {width:20%;padding:1vh}
.personWrap {border:1px solid black;border-radius:4px;padding:1vh}
.personName {font-size:2vh;text-align:center}
.personStatus {font-size:1.5vh;text-align:center}
.remove_person {margin-right:0.5vw;cursor:pointer;}
.friendrequestButton {font-size:1.5vh!important;padding:0.2vh 1vw}
.permissioncb {transform:scale(1.25)}

.post {margin-bottom:3vh}
.authorImage {display:inline-block;max-width:7%;width:6%;border:1px solid lightgray;border-radius:4px;padding:5px}
.commentorImage {display:inline-block;max-width:8%;width:8%}
.commentAuthorImage {border:1px solid lightgray;border-radius:4px;padding:5px;padding:5px;}
.commentText {font-size:1.5vh}
.newCommentText {font-size:2vh;display:inline-block}
.newCommentOKButton {display:inline-block;padding-left:1vw;vertical-align:top;padding:0.2vh 2vw;font-size:1.5vh!important}
.post > .postBeef {display:inline-block;max-width:90%;width:90%;vertical-align:top;padding:0 1vh}
.commentBeef  {display:inline-block;vertical-align:top;padding:0 1vh;width:90%;max-width:90%;}
.postAuthorName  {font-size:2vh}
.postTitle,.postDescription {font-size:2vh;text-decoration:underline;cursor:pointer}
.postTitleStaticText,.postDescriptionStaticText {font-size:2vh;cursor:pointer;white-space: pre-wrap;}
.postDescription {font-size:1.5vh;text-decoration:underline;cursor:pointer}
.postDescriptionStaticText {font-size:1.5vh;cursor:pointer;white-space: pre-wrap;}

.editorCancelButton, .editorOKButton {font-size:1vh!important;width:100%;padding:0}
.editorText {font-size:2vh;width:100%}
.editorButtonContainer {padding:0 0.5vw 0 0}

.postEmotion {display:inline-block;margin-right:3vw;vertical-align:top;text-align:center}
.commentEmotion {display:inline-block;margin-right:1.5vw;vertical-align:top;text-align:center}
.emoIconContent {cursor:pointer;text-center;vertical-align:top;}
.emoIconContent_Comment {transform:scale(0.7)}
.emoCount {font-size:1.3vh;text-align:right;cursor:pointer}
.tooltip-inner { font-size: 1.5vh;}
.newCommentText {max-width:80%}
.commentWhen,.creationWhen {font-size:1.1;vh;color:#B7B7B7;letter-spacing:2px}
.commentNew {color:blue}
#uploadTitle:focus {
  border-color: #007BFF; /* Bootstrap primary blue */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.8);
  outline: none;
}
#uploadDesc:focus {
  border-color: #007BFF; /* Bootstrap primary blue */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.8);
  outline: none;
}

.sharePostControlContainer {font-size:1.5vh;cursor:pointer;}
.downloadPostControlContainer {border-radius:5px;border:1px solid gray;padding:10px;min-height:3vh!important}
.sharePostControl {border-radius:5px;border:1px solid gray;padding:10px;min-height:3vh!important}
.logoMainScreen {height:10vh}
.friendrequestrow {padding:0 1.7vw;margin-top:-3vh}

#youMayKnowModal .modal-dialog {min-width:60%}
.badge {font-size:1vh;padding-left:2vw;padding-right:2vw}
.taglist {margin-left:1vw}
.tagsLink {font-size:1.5vh}
.newTagLabel {font-size:1.2vh}
.tagUpdateBlock {margin-bottom:1vh;margin-top:0.5vh}
.tagBlock > div:nth-child(1) {margin-bottom:.5vh}
.tags {margin-left:7vw}
.tags input {transform:scale(2)!important}
.tags .form-check-label {line-height:0.5vh}
#feedViewFiltersView .form-check-label {font-size:1.5vh}
.newTagBlock {margin-left:7vw;margin-top:1vh;width:30vw}
.newTagBlock span {font-size:1.7vh}
.newTagBlock input {max-width:10vw;display:inline-block;font-size:1.5vh;line-height:1.5vh}
.newTagBlock button {font-size:1.5vh!important}
.badge {margin-right:2vw}
#feedViewFiltersLink {font-size:1.25vh}
#clearAllPeopleFilterButton {font-size:1vh!important;margin-left:1vh;padding:0.2vh 2vw}
#clearAllTagsFilterButton {font-size:1vh!important;margin-left:1vh;padding:0.2vh 2vw}
.filterLabel {font-size:2vh!important}
#resetFileFilters {font-size:1vh!important}
.tags > div {display:inline-block;white-space:nowrap;margin:0.2vh 3vw 0.7vh 0}
.specificshareactive {background-color:#eeeeee}
.picViewOption {cursor:pointer}
.activePicView {border:1px solid black;border-radius:4px;padding:0.25vh 0.25vw;background:lightblue}


.justified-gallery {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.justified-row {
  display: flex;
  gap: 6px;
  margin-bottom:6px;
  justify-content: center;   
}
.justified-row img {
  object-fit: cover;
  height: auto;
  cursor:pointer;
}



@media screen and (max-width:1179px) {
	.emoIconContent {transform:scale(0.7)}

	.emoIconContent_Comment {transform:scale(.5)}
	.postEmotion {margin-right:3vw}
	.commentEmotion {margin-right:2.3vw}
	.emoCount {padding-top:1vh;padding-bottom:1vh}
	.tooltip-inner { font-size: 2.5vh;}
	#feedViewFiltersLink {font-size:1.75vh}
	#resetFileFilters {font-size:1.5vh!important;margin-left:1vh;padding:0.2vh 2vw}
	.filterLabel {font-size:2vh}
	#clearAllPeopleFilterButton {font-size:1.5vh!important;margin-left:1vh;padding:0.2vh 2vw}
	#clearAllTagsFilterButton {font-size:1.5vh!important;margin-left:1vh;padding:0.2vh 2vw}
	.newTagBlock {margin-left:7vw;margin-top:1vh;width:70vw}
	.newTagBlock input {max-width:40vw}
	.tags input {transform:scale(1.1)!important}
	
	.badge {font-size:1.5vh!important;padding-left:2vw;padding-right:2vw}
	.taglist {margin-left:1vw}
	.tagsLink {font-size:1.5vh}
	.newTagLabel {font-size:1vh}
	.tags label {font-size:1.7vh}
	.tags input {transform:scale(1.1)}

	.mainMenuItem > img {width:45%;}

	.sharePostControl {min-height:2vh!important}
	.downloadPostControl {min-height:2vh!important}
	.emoCount {font-size:2.3vh;text-align:right}
	#passwordResetDialog .modalDialog {min-width:94%}
	.postAuthorName  {font-size:1.5vh}
	.authorImage {display:inline-block;width:8%;border:1px solid lightgray;border-radius:4px;padding:2px}
	.postTitle {font-size:1.5vh;cursor:pointer;text-decoration:underline}
	.postTitleStaticText {font-size:1.5vh;cursor:pointer}

	.postDescription {font-size:1.5vh;cursor:pointer;text-decoration:underline}
	.postDescriptionStaticText {font-size:1.5vh;cursor:pointer}

	.editorCancelButton, .editorOKButton {font-size:1.5vh!important;width:100%;padding:0}
	.editorText {font-size:1.5vh;width:100%}
	.editorButtonContainer {padding:0 0.5vw 0 0}

	.friendrequestButton {font-size:1.5vh!important;padding:0.2vh 3vw}
	.person {width:50%}

	#inviteModal > div:nth-child(1) {margin-left:4%;min-width:92%}
}
.permissionControlBlock label {font-size:1.7vh}
.form-check {padding-bottom:1vh!important}
#passwordResetDialog label {font-size:2vh}
#passwordResetDialog .modal-title {font-size:3vh}
.loginfieldlabel {display:inline-block;text-align:right;width:30%;max-width:30%;}
.loginfield {display:inline-block;width:40%;max-width:40%;}

* {
  scroll-behavior: auto!important;
}
.badge {font-size:1vh;padding-left:2vw;padding-right:2vw}
.taglist {margin-left:1vw}
.tagsLink {font-size:1.5vh}
.newTagLabel {font-size:1.2vh}