/* Nax Apps */
/* style.css */

/* NAVBAR */
/*.navbar.navbar-6 .navbar-toggler-icon {
    background-image: url('https://mdbootstrap.com/img/svg/hamburger8.svg?color=fffff');
}*/

.header {
  justify-content: space-between;
  margin: 0 auto;
  max-width: 960px;
  padding: 1.45rem 1.0875rem;
}

.full-width {
  width: 100%;
}

.header,
.header-title {
  display: flex;
  align-items: center;
}

.header-title {
  font-size: 1.7rem;
}

.header-title img {
  height: 50px;
  width: 50px;
  margin: 10px 10px 10px 0;
}

.accordion {
  --bs-accordion-btn-color: ghostwhite;
  --bs-accordion-btn-bg: rgb(255, 149, 0);
  --bs-accordion-active-color: ghostwhite;
  --bs-accordion-active-bg: rgb(255, 149, 0);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

[data-bs-theme="dark"] .accordion {
  --bs-accordion-btn-color: ghostwhite;
  --bs-accordion-btn-bg: rgb(255, 159, 10);
  --bs-accordion-active-color: ghostwhite;
  --bs-accordion-active-bg: rgb(255, 159, 10);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

body #features {
  text-align: center;
  /* background: #fff; */
}

body #features h3 {
  font-size: 18px;
  color: #000;
  line-height: 1.4em;
  font-weight: 500;
}

body #features p {
  /* color: #858585; */
  line-height: 1.4em;
  margin-bottom: 1.6em;
  font-weight: 200;
}

body #features .row {
  text-align: left;
}

body #features .row .group {
  float: left;
  width: 28.6%;
  margin: 0 2.2%;
}

body,
html {
  height: 100%;
}

body,
html {
  height: 100%;
  /* background-color: white; */
}

* {
  box-sizing: border-box;
}

/* HEADERS */

h1 {
  margin: 20 px;
}

/* IMAGES */

.header-image {
  align-content: center;
  vertical-align: middle;
  text-align: center;
  object-fit: cover;
  float: left;
}

/* img {
  width: 100%;
} */

.images {
  width: 75%;
  padding: 10px;
  text-align: center;
}

.vert-center {
  display: block;
  margin-top: auto;
  margin-bottom: auto;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.app-store-badge {
  width: 150px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.app-store-badge-left {
  width: 150px;
  display: block;
}

.icons {
  width: 125px;
  display: block;
  margin: auto;
}

.h1-centered {
  text-align: center;
}

.h2-centered {
  text-align: center;
}

.h3-centered {
  text-align: center;
}

.h4-centered {
  text-align: center;
}

.h5-centered {
  text-align: center;
}

.p-centered {
  text-align: center;
}

/* LINKS */

footer {
  /* background-color: #f6f7f9; */
  /* color: black; */
}

/* BACKGROUNDS */

.add-padding {
  text-align: center;
}

.nav-link {
  color: black;
}

[data-bs-theme="dark"] .nav-link {
  color: white;
}

[data-bs-theme="dark"] .header-text-dark {
  color: white;
}

.nav-link:hover {
  color: rgb(255, 149, 0);
}

[data-bs-theme="dark"] .nav-link:hover {
  color: rgb(255, 159, 10);
}

@media (min-width: 992px) {
  .navbar-brand {
    font-size: 20pt;
  }

  @media (min-width: 992px) {
    .navbar-expand-lg {
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }
}

.navbar-brand {
  color: black !important;
}

[data-bs-theme="dark"] .navbar-brand {
  color: white !important;
}

.color-link {
  text-decoration: none;
  /* color:black */
}

a {
  color: rgb(255, 149, 0);
  text-decoration: none;
}

[data-bs-theme="dark"] a {
  color: rgb(255, 159, 10);
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: rgb(255, 159, 10);
}

[data-bs-theme="dark"] a:hover {
  color: rgb(255, 149, 0);
  text-decoration: none;
}

a:visited {
  text-decoration: none;
  /* color: rgb(255, 149, 0); */
}

a:link {
  text-decoration: none;
  /* color:rgb(255,149,0); */
}
a:active {
  text-decoration: none;
  /* color:rgb(255,149,0) */
}

/* footer {
  background-color: #f6f7f9;
  /* color: black;
} */

html,
body {
  height: 100%;
  margin: 0;
}

.vertical-center {
  margin: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
  background-color: orange !important;
  border: none;
  color: white !important;
}

.center {
  margin: auto;
  padding: 10px;
}

.full-height {
  height: 100%;
}

@media (min-width: 600 px) {
  .full-height {
    height: 100%;
  }
}

.carousel-control-prev {
  color: white !important;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='523fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='523fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.white-image {
  background-image: "img/Calculi on watchOS.png";
}

.app-store-badge-left {
  width: 150px;
  display: block;
}

.app-store-badge {
  width: 150px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

[data-bs-theme="light"] .bg-colored {
  background-color: rgb(255, 149, 0);
}

[data-bs-theme="dark"] .h2-color {
  color: rgb(255, 149, 0);
}

.btn-calc {
  background: rgb(255, 149, 0);
  color: white;
}

/* .bg-colored {
  background-color: black;
} */

[data-bs-theme="light"] .white-text {
  color: white;
}

@media (minmin-height: : 700 px) {
  .navbar-expand-lg {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}