/* Bootstrap */
 .card {
  margin: 10px 0px 10px 0px;
}
nav {
  border: transparent;
  margin-top:10px;
  padding:20px;
  border-radius: 5px;
}
.navbar-toggler{
  margin-left:5px;
  border:transparent;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: transparent;
  color: #000;
  border-bottom: 3px solid black;
}
.navbar-toggler:focus{
  box-shadow: none;
}
.nav-pills .nav-link {
  border-radius: 0px;
}
.nav-link{
  color: #000;
}
.nav-link:hover{
  color: #000;
}
.modal-img, .img-modal-body{
  cursor: zoom-out;
}
#carousel-arrow{
  font-size: 30px;
}
/*** **/
html, body {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
  scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
  margin: 10px 0px 10px 0px;
  font-family: "Roboto", "-apple-system", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  word-wrap: break-word;
}
strong {
  font-family: "Roboto", "-apple-system", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #000;
  word-wrap: break-word;
}
.card{
  border-width: 3px;
  border-color: #000;
}
.alert{
  border: 3px solid #000;
}
label,p {
  margin-top:3px;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 18px;
  color: #000;
  word-wrap: break-word;
  text-align: left;
}
small {
  font-family: 'Helvetica Neue', sans-serif;
  color: #000;
  word-wrap: break-word;
}
a {
  font-family: 'Helvetica Neue', sans-serif;
  color: #000;
  text-decoration: none;
}
#link{
  font-family: 'Helvetica Neue', sans-serif;
  color: #000;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
hr{
  margin: 3px;
  border-top: solid #000 3px;
  opacity: 1;
}
ul > li {
  text-align: left;
}
blockquote{
  font-size: 1.4em;
  width:100%;
  margin:10px auto;
  font-family:Open Sans;
  font-style:italic;
  color: #555555;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid #000 ;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
}
blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#000;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}
blockquote::after{
  content: '';
}
blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
.vid-responsive {
  max-width: 100%;
  height: auto;
}
.img-view, .img-view-table, .zoomIn{
  cursor: zoom-in;
}
.zoomOut{
  cursor: zoom-out;
}
#link {
  text-decoration: underline;
  cursor: pointer;
}
.black-dot-list{
  list-style: none;
}
.black-dot-list li::before {
  content: "\2022";
  color: black;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
table {
  width: 100%;
  empty-cells: show;
}
table th {
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 20px;
}
table td {
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 17px;
  word-wrap: break-word;
}
#hero-img{
  border-radius: 10px;
  border: 3px solid black;
}
#profile-img{
  border-radius:50%;
}
.bi-icon{
  color:#000;
  font-size: 25px;
}
#author{
  margin-bottom: 5px;
}