/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
 */

body {
  padding-top: 5em;
}

h1 {
	padding-top: 2%;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.framework-template {
	text-align: center
}

.lead {
	text-align: left; 
}

ul, ol {
	list-style-position: inside;
}

.breadcrumb{ background-color : unset !important; }

/* Style the list */
ul.breadcrumb {
  padding: 8px 12px;
  list-style: none;
  background-color: #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 16px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: ">\00a0";
}

#bullets {
	list-style-position: inside;
	text-align: left;
	margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#framework-details {
	font-size: 10px;
}

img {
	padding: 5px;
}

.lemonsqueezy-button {
  background-color: #0275d8;
  border: none;
  color: white;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px 5px;
  cursor: pointer;
  border-radius: 10px;
}

.lemonsqueezy-button:hover {
  background-color: #0262b5;
    color: white;
}