body {
    font-family: 'Libre Franklin', sans-serif;
    color: #53595d;
}

footer a {
    color: #FFF;
}

footer a:hover {
    color: rgb(255, 255, 255);
}


.bg-blog-header {
    background: #18212b;
}
.bg-blog-footer {
    background: #172940;
}

.blog-content > h2 {
    margin-bottom: 1rem;
    margin-top: 3rem;
    border-left: #00afef solid 4px;
    padding-left: 1rem;
}

.function-headline {
    font-size: .96rem;
}

.function-details-block {
    margin-top: 4rem;
}

.function-details-block .card-body {
    background-color: rgb(248 248 248)
}

.function-details-block > h2 {
    font-weight: 600;
}

.function-details-block h3 {
    margin-top: 1.2rem;
}

.form-check-input:checked {
    background-color: #457fca;
    border-color: #2e62a7;
}

.btn-function {
    font-size: 1.0rem;
    font-weight: bold;
}

.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 2rem;
}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: 0.9;
}

.form-control:focus {
    box-shadow: none;
}

textarea.form-control {
    font-size: 0.9rem;
}

.form-floating>label {
    width: 100%;
    font-weight: bold;
    color: #000;
}

.options-selected-label {
    text-decoration: none;
}

.btn-options-container label {
    cursor: pointer;
}

  .input-footer-info {
      font-size: 0.8rem;
      font-weight: bold;
      position: absolute;
      bottom: 0;
      right: 0;
      margin-right: 8px;
      margin-bottom: 14px;
      padding: 2px 6px;
      border-radius: 4px;
      opacity: 0.75;
  }

  .btn-submit-container .dropdown-menu > div {
      padding-top: 0.7rem;
      margin-right: 0.7rem;
      margin-left: 0.7rem;
  }

  .share-box a {
    display: inline-block;
    padding: 3px 6px;
    margin-right: 3px;
    margin-bottom: 3px;
    text-decoration: none; 
}
.share-box a:hover {
    text-decoration: none;
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear; 
}
