/* This CSS file is for styles specifically used for this app */

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* Palette URL: http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF 
    Dark to light:
    #550000
    #801515
    #AA3939
    #D46A6A
    #FFAAAA
*/

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.form-control:focus {
    border-color: #aa3939;
    box-shadow: 0 0 0 0.2rem #aa393970
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

html {
    font-size: 105%; /* Increases the base font size by 10% */
}

.gedcom-label {
    font-weight: bold;
    color: #DE2424;
    padding: 0px 1px 0px 1px;
}

.gedcom-date {
    font-weight: bold;
    color: #D96565;
    padding: 0px 1px 0px 1px;
}

.gedcom-name {
    font-weight: bold;
    padding: 0px 2px 0px 2px;
}

.gedcom-id {
    font-weight: bold;
    padding: 0px 1px 0px 1px;
    color: gray;
}

.gedcom-refbutton {
    color: white;
    background-color: #D94141 !important;
}

.left-column .newsourcebutton {
    display: none;
}

.right-column .newsourcebutton {
    display: none;
}

.merge-column .newsourcebutton {
    display: inline;
}

.merge-column .newsourcebutton.selecting {
    display: block;
}

.left-column .addnotebutton {
    display: none;
}

.right-column .addnotebutton {
    display: none;
}

.merge-column .addnotebutton {
    display: inline;
}

.gedcom-element .row {
    margin: 0px;
    padding: 1px;
}

.gedcom-header {
    font-weight: bold;
}

.gedcom-header-button {
    display: inline-block;
    padding: 0px 5px 0px 5px;
    color: darkslategray;
    background-color: transparent;
    font-weight: bold;
    border: 2px solid #DE2424;
}

.gedcom-header-button:disabled {
    color: darkslategray;
    background-color: transparent;
    border: 2px solid #308030;
    opacity: 1.0;
}

button.gedcom-additembutton {
    display: inline-block;
    color: #DE2424;
    background-color: transparent;
    font: normal 12px;
    border: 1px solid #DE2424;
}
.gedcom-additembutton:hover {
    border: 1px solid silver;
}

.gedcom-edit {
    background-color: #FDFFFD;
    border: 3px solid #E0E0E0;
    border-radius: 10px;
}

.gedcom-view {
    background-color: #E8FFE8;
    border: 3px solid #E0E0E0;
    border-radius: 10px;
}

.gedcom-source {
    font-weight: bold;
    color: gray;
    padding: 0px 2px 0px 2px;
}

.gedcom-source-card {
    background-color: #FDFFFD;
    border: 3px solid #E0E0E0;
    border-radius: 10px;
}

.gedcom-individual-card {
    font-weight: bold;
    background-color: white;
    padding: 0px 2px 0px 2px;
}

.gedcom-family-card {
    font-weight: bold;
    background-color: #F0FFF0;
    padding: 0px 2px 0px 2px;
}

.gedcom-value {
    padding: 1px 2px 1px 2px;
    display: inline-block;
    vertical-align: bottom;
}

.form-control.gedcom-input {
    width: 25ch;
    padding: 1px 5px 1px 5px;
    margin: 1px 5px 1px 5px;
    display: inline-block;
}

.row.gedcom-row {
    padding: 0px 2px 0px 2px;
}

.row.gedcom-row>* {
    padding: 1px 2px 1px 2px;
}

.note-card label {
    text-align: left;
    vertical-align: top;
    margin-top: 3px;
}

.note-card textarea.gedcom-input {
    width: 99%;
    box-sizing: border-box; /* Ensures padding and border are included in the element's total width and height */
    height: auto; /* Allows the height to adjust automatically */
}

/* Add styles for the dropdown submenu */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: auto; /* Reset top alignment */
    bottom: 0; /* Align the bottom of the submenu with the bottom of the parent menu */
    left: 100%; /* Position the submenu to the right of the parent menu */
    margin-bottom: -1px; /* Adjust for any slight misalignment */
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
}