* {
  font-family: "Source Sans Pro", Arial, sans-serif;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background: #f5f5f5;
}

#wrapper {
  flex: 1;
}

/* TAG STYLING */

h1.title {
  font-weight: bold !important;
}

a {
  color: #0f0f0f !important;
  outline: 0 !important;
  transition: all 0.2s ease-in-out;
}

a.is-primary:hover {
  background: #009c39 !important;
}

button {
  color: #fff !important;
  outline: 0 !important;
  transition: all 0.2s ease-in-out;
}

button.is-primary:hover {
  background: #009c39 !important;
}

/* NAVBAR STYLING */

.navbar {
  background: #f5f5f5e8 !important;
}

.navbar-menu {
  background: transparent !important;
  /* box-shadow: none !important; */
}

.navbar-item {
  background: transparent !important;
  color: #0f0f0f !important;
}

.navbar-item:hover {
  background: transparent !important;
  color: #fad275 !important;
}

/* FOOTER STYLING */

.footer {
  padding: 1rem !important;
  background: #444444 !important;
}

.footer-item {
  color: #fff !important;
  padding: 0 1rem 0 0 !important;
}

/* HERO STYLING */

.hero {
  background: -moz-linear-gradient(left, #0841b0 0%, #fad275 100%) !important;
  background: -webkit-linear-gradient(
    left,
    #0841b0 0%,
    #fad275 100%
  ) !important;
  background: linear-gradient(to right, #0841b0 0%, #fad275 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0841b0', endColorstr='#FAD275', GradientType=1) !important;
}

.hero .hero-body .hero-title {
  color: #fff;
  font-size: 2.8rem;
  font-weight: 400 !important;
  padding: 0.5rem !important;
}

.hero .hero-body .hero-subtitle {
  color: #fff !important;
  font-size: 1.2rem !important;
  font-weight: 100 !important;
  padding: 0.5rem !important;
}

/* COLOR STYLING */

.is-primary {
  background: #fad275 !important;
}

/* CARD STYLING */

.card {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 10px !important;
  transition: all 0.3s ease-in-out;
}

.card.scale:hover {
  transform: scale(1.02);
}

.card img {
  display: block;
  margin: auto;
  height: 4.5rem;
  color: #0f0f0f;
}

.card .card-score {
  padding-top: 0.5rem;
}

.card .card-content p.content {
  margin: auto;
}

.card .card-content .breakdown-content {
  padding: 2.5rem !important;
  margin: auto !important;
}

.card-footer {
  border: none !important;
}

.card-footer-item {
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
}

.cfi-center {
  border-radius: 0px 0px 10px 10px !important;
}

.cfi-left {
  border-radius: 0px 0px 10px 0px !important;
}

.cfi-right {
  border-radius: 0px 0px 0px 10px !important;
}

.meta-card {
  position: sticky !important;
  top: 6.7rem !important;
}

/* DROPDOWN STYLING */

.dropdown-menu {
  background: #fff;
  border: 1px solid lightgray;
  color: #fff;
}

.dropdown-trigger {
  color: #0f0f0f !important;
  border-color: #fff !important;
}

/* INPUT STYLING */

.input {
  /* box-shadow: none !important; */
  background: #f5f5f5 !important;
  border: 1px solid #eeeeee !important;
}

.input:focus {
  border-color: #fad275 !important;
}

/* TEXTAREA STYLING */

.textarea {
  /* box-shadow: none !important; */
  background: #f5f5f5 !important;
  border: 1px solid #eeeeee !important;
}

.textarea:focus {
  border-color: #fad275 !important;
}

/* NOTIFICATION STYLING */

.notification {
  border-radius: 10px !important;
}

/* SELECT STYLING */

.select select {
  /* box-shadow: none !important; */
  background: #f5f5f5 !important;
  border: 1px solid #eeeeee !important;
}

.select select:focus {
  border-color: #fad275 !important;
}

.select:not(.is-multiple):not(.is-loading)::after {
  border-color: #0f0f0f !important;
}

.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: #fad275 !important;
}

/* BOX STYLING */

div.box {
  box-shadow: none !important;
  border: 1px solid #dbdbdb !important;
  background: #f5f5f5 !important;
}

/* MISC STYLING */

div.is-scrollable {
  height: 75vh;
  overflow-y: scroll;
}

i.advantage-arrow {
  font-size: 3rem !important;
  color: #0841b0 !important;
}

.category-uncategorized {
  background: #fff !important;
}
.category-competitor_demo {
  background: #ddbae4 !important;
}
.category-customer_presentation_deck {
  background: #c2e0f4 !important;
}
.category-pricing {
  background: #cceed9 !important;
}
.category-internal_asset {
  background: #fac8c2 !important;
}
.category-webinar {
  background: #fce5b0 !important;
}

.analytics-image {
  width: 100% !important;
}