/*!
 * Start Bootstrap - Small Business (https://startbootstrap.com/templates/small-business)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-small-business/blob/master/LICENSE)
 */

/* bootstrap overrides */

.bg-dark {
  background-color: ROYALBLUE !important;
}
.btn-primary {
  background-color: ROYALBLUE !important;
  border: 1px solid ROYALBLUE;
}
.btn-primary:hover {
  background-color: CORNFLOWERBLUE !important;
  border: 1px solid CORNFLOWERBLUE;
}
.btn-secondary {
  background-color: SKYBLUE !important;
  border: 1px solid SKYBLUE;
}
.btn-secondary:hover {
  background-color: LIGHTBLUE !important;
  border: 1px solid LIGHTBLUE;
}
.h1, .h2, .h3, h1, h2, h3 {
  font-weight: 200;
}
b, strong {
  font-weight: 600;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,.8) !important;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: white !important;
}

/* bootstrap enhancements */
.btn-big, .btn-large {
  font-size: 1.2rem;
  padding: 1rem; 2rem;
}


/* site css */
body {
  font-size: 1.2rem;
}

ul.features {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

ul.features li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

ul.features li:before {
  content: "\025B9";
  padding-right: 5px;
  font-size: 1.5rem;
}

ul.purchase {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

ul.purchase li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

ul.purchase li:before {
  content: "\02234";
  padding-right: 5px;
  font-size: 1.5rem;
}

#gotoTopBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
/*
  border: none; /* Remove borders * /
  outline: none; /* Remove outline * /
  background-color: SKYBLUE; /* Set a background color * /
  color: white; /* Text color * /
  cursor: pointer; /* Add a mouse pointer on hover * /
  padding: 15px; /* Some padding * /
  border-radius: 10px; /* Rounded corners * /
  font-size: 18px; /* Increase font size * /
*/
}

#gotoTopBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

footer {
  margin-top: 5rem;
}
footer a {
  color: white;
}
footer a:hover {
  color: #ddd;
}



/* list table */
.list-table {
  border-collapse: collapse;
  width:100%;
}
.list-table tr {
  border-bottom: 1px solid #f3f1f5;
}
.list-table tr:hover {
  background-color:rgb(219, 232, 249);
}
.list-table th {
  padding: .25rem .5rem;
  background-color: #f3f1f5;
  font-size: .8rem;
  font-weight: normal;
  text-transform: lowercase;
  text-align: left;
  vertical-align: bottom;
  border-bottom: 1px solid #f3f1f5;
}
.list-table th:first-of-type {
  border-top-left-radius: .25rem;
}
.list-table th:last-of-type {
  border-top-right-radius: .25rem;
}
.list-table td {
  padding: .25rem .5rem;
  vertical-align: top;
}


/* edit table */
.edit-table {
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0;
}
.edit-table tr {
}
.edit-table th {
  padding: .7rem 1rem .4rem;
  font-size: .8rem;
  text-transform: lowercase;
  color: #888;
  font-weight: normal;
  text-align: right;
  border-top: 0;
  vertical-align: top;
  white-space: nowrap;
}
.edit-table td {
  font-size: 1rem;
  padding: .25rem .5rem;
  border: 0;
  vertical-align: top;
}