@font-face {
  font-family: Gotham;
  src: url("Gotham-Font/GothamLight.ttf");
  font-weight: normal;
}

@font-face {
  font-family: Gotham;
  src: url("Gotham-Font/GothamMedium.ttf");
  font-weight: bold;
}

@font-face {
  font-family: Gotham;
  src: url("Gotham-Font/GothamLightItalic.ttf");
  font-style: italic;
}

@font-face {
  font-family: Gotham;
  src: url("Gotham-Font/GothamMediumItalic.ttf");
  font-weight: bold;
  font-style: italic;
}

body {
  background: #ffffff;
  font-family: Gotham, Geneva, sans-serif;
}

/*#navbarToggleButton {*/
/*  border-color: rgba(0, 0, 0, 0.1);*/
/*}*/

/*#navbarToggleText {*/
/*  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.3)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");*/
/*}*/

.bg-img-div {
  width: 100%;
}

.bg-img {
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  color: #444444;
}

.site-header .navbar-nav .nav-link {
  color: #000000;
}

.site-header .navbar-nav .nav-link:hover {
  color: #5a6268;
}

.nav-link-landing {
  color: #ffffff !important;
}

.nav-link-landing:hover {
  color: #e2e2e2 !important;
}

.site-header .navbar-nav .nav-link.active {
  font-weight: 500;
}

.content-section {
  background: #ffffff;
  padding: 10px 20px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 20px;
}

.article-title {
  color: #444444;
}

a.article-title:hover {
  color: #428bca;
  text-decoration: none;
}

.article-content {
  white-space: pre-line;
}

.article-img {
  height: 65px;
  width: 65px;
  margin-right: 16px;
}

.article-metadata {
  padding-bottom: 1px;
  margin-bottom: 4px;
  border-bottom: 1px solid #e3e3e3
}

.article-metadata a:hover {
  color: #333;
  text-decoration: none;
}

.article-svg {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.account-img {
  height: 125px;
  width: 125px;
  margin-right: 20px;
  margin-bottom: 16px;
}

.hidden {
  display: none;
}

.h-divider {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 1px;
  width: 100%;
  border-top: 1px solid gray;
}

.products-section {
  margin: 5vh 3vw;
}

.product-img-container {
  /*width: 38vw;*/
  margin-right: 1vw;
  margin-bottom: 1rem;
}

.full-width {
  width: 100%;
}

.product-details {
  /*width: 38vw;*/
  margin-left: 1vw;
}

.rounded-button {
  border-radius: 50px;
  padding-left: 3rem;
  padding-right: 3rem;
}

.skinny-rounded-button {
  border-radius: 50px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.page-container {
  margin: 10vh 3vw;
}

.narrow-form {
  width: 4rem;
  display: inline;
}

.admin-data-table {
  background: #e5e5e5;
  border-radius: 10px;
}

.admin-table-label-section {
  background: #4e4e4e;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 0;
  margin: 0;
  width: 100%;
}

.admin-table-row {
  padding: 10px 0;
  margin: 0;
  width: 100%;
}

.admin-table-row:hover {
  background: #bababa;
  border-radius: 10px;
  cursor: pointer;
}

.admin-table-label {
  font-weight: bold;
  color: white;
}

.admin-table-row-details {
  background: #efefef;
  border-radius: 10px;
  border: 1px solid #999999;
  width: 100%;
  margin: 0;
}

.main-footer {
  background-color: #e7e7e7;
}

.input-color {
  transform: translateZ(0);
  color: black !important;
}

::placeholder {
  color: #5d5d5d;
  opacity: 1;
}