/* https://colorhunt.co/palette/364f6b3fc1c9f5f5f5fc5185 */

/* global */
.btn-primary {
  background-color: #fc5185 !important;
  border-color: #fc5185 !important;
}

.logo-dark,
.logo-light {
  width: 10rem;
}

.cursor-disabled {
  cursor: not-allowed;
}
.no-hover {
  pointer-events: none;
}

.price > .price-string {
  font-size: 1.5rem;
  padding-top: 0.6rem;
}

.navbar-nav .nav-item.dropdown > a {
  cursor: default;
}

.greyscale {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  opacity: 0.6;
}

.underline-2:after {
  width: 100% !important;
}

/* homepage */

span.highlight {
  color: #3fc1c9;
}
h1.display-1 {
  font-size: 3rem;
}

/* .main-cta > .btn:nth-of-type(2) {
  margin-left: 0.7em;
} */

.home-shap-bg {
  z-index: 0;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  height: 100%;
}

.home-shap-1 {
  left: 2%;
  top: 17%;
  height: auto;
  width: 100%;
  max-width: 64px;
}

.home-shap-2 {
  left: 0;
  top: auto;
  right: auto;
  bottom: 10%;
  z-index: 0;
  width: 200px;
  height: auto;
}

.home-shap-3 {
  left: auto;
  top: auto;
  right: 0;
  bottom: 6%;
  width: 200px;
  height: auto;
}

/* Mobile Styles */
@media (max-width: 767px) {
  .home-shap-bg,
  .home-shap-2,
  .home-shap-3 {
    z-index: -99;
  }
}

.wrapper.angled.lower-start:after,
.wrapper.bg-dark.angled.upper-start:before {
  border-left-color: #f1f5fd;
}

.image-wrapper.bg-overlay:before {
  background: rgb(13 14 17 / 70%) !important;
}

#homepage .nav-tabs .nav-link i {
  font-size: 1.5rem;
}

#homepage .dead-simple-section .number {
  font-size: 1.5rem;
}

/* handle overflowing SVGs */
#homepage .row > div > img[src$=".svg"] {
  width: 100%;
}

#homepage .use-cases .card:hover {
  box-shadow: 0 0.25rem 1.75rem rgb(30 34 40 / 7%);
}

/* glypghs */
#homepage ul.glyphs li {
  width: 25%;
}
#homepage ul.glyphs .fiv-viv {
  font-size: 3.2rem;
  display: inline-flex;
  box-shadow: 6px 12px rgba(18, 58, 60, 0.16);
}
/* end glyphs */
/* end homepage */

/* begin learn pages */
#learn-individual-page p {
  font-size: 20px;
}
#learn-individual-page span.highlight {
  font-weight: 600;
}
#learn-individual-page .sticky-sidebar {
  max-height: calc(100vh);
  overflow-y: auto;
}
#learn-individual-page .fiv-viv {
  font-size: 1.3rem;
}
#learn-individual-page code {
  font-size: 0.75rem !important;
  margin-left: 4px;
  margin-right: 4px;
}
/* TEMPORARY */
#learn-individual-page figure img {
  width: 20rem;
  margin: 0 auto;
  padding: 1rem;
  display: block;
}
pre.prettyprint {
  padding: 1rem !important;
  font-size: 18px;
}
.sidebar figure img {
  width: 5rem;
  padding-bottom: 1em;
}

.sidebar .unordered-list li {
  display: block;
  padding-left: 0;
}

.sidebar .unordered-list li {
  display: block;
  padding-left: 0;
}

.sidebar .unordered-list > li:before {
  display: none;
}
/* learn main */
#learn-main #file-types .card-title {
  font-size: 1rem;
  padding-bottom: 3px;
}
#learn-main #file-types li {
  font-size: 0.9rem;
}
/* footer */
footer .social i {
  font-size: 1.3rem !important;
}

.social i:before:hover {
  color: Red;
}

footer .social .uil {
  color: #3393c1 !important;
}

#homepage .logo-wrapper img {
  width: 8rem;
}

/* fake menu */

.fakeButtons {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 1px solid #000;
  position: relative;
  top: 3px;
  left: 6px;
  background-color: #ff3b47;
  border-color: #9d252b;
  display: inline-block;
}

.fakeMinimize {
  left: 11px;
  background-color: #ffc100;
  border-color: #9d802c;
}

.fakeZoom {
  left: 16px;
  background-color: #00d742;
  border-color: #049931;
}

.fakeMenu {
  width: 100%;
  box-sizing: border-box;
  height: 25px;
  background-color: #bbb;
  margin: 0 auto;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.fakeScreen {
  background-color: #1d1f21;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.navbar .use-cases-header a {
  display: flex;
  align-items: left; /* This centers the child elements vertically */
  padding-bottom:5px;
}

.navbar .use-cases-header ul {
  padding-top:0px;
}

.navbar .use-cases-header i {
  font-size:20px;
  line-height:27px;
  color:#3fc1c9;
  padding-right:3px

}