/*
 * Junk Framework Components Library v1.0  (https://junk.pages.dev)
 * Copyright 2022 Siddharth Kumar
 * Built at 24/12/2022 12:00:00
 * Licensed under MIT
*/

/* Breadcrumb */
ul.breadcrumb {
  padding: 10px;
  list-style: none;
  background-color: #eee;
  margin: 0px 4px 0px 4px;
}

ul.breadcrumb li {
  display: inline;
  font-size: 1em;
}

ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

/* Breadcrumb Dark */
ul.breadcrumb.dark {
  padding: 10px;
  list-style: none;
  background-color: #121212;
  color: #ffffff;
  margin: 0px 4px 0px 4px;
}

ul.breadcrumb.dark li+li:before {
  padding: 8px;
  color: white;
  content: "/\00a0";
}

ul.breadcrumb.dark li a {
  color: orange;
  text-decoration: none;
}

ul.breadcrumb.dark li a:hover {
  color: white;
  text-decoration: underline;
}

/* List */
.list.square {
 list-style-type: square;
}

.list.circle {
 list-style-type: circle;
}

.list.armenian {
  list-style-type: armenian;
}

.list.georgian {
 list-style-type: georgian;
}

.list.upper-roman {
 list-style-type: upper-roman;
}

.list.lower-roman {
 list-style-type: lower-roman;
}

.list.upper-alpha {
 list-style-type: upper-alpha;
}

.list.lower-alpha {
 list-style-type: lower-alpha;
}

.list.lower-greek {
 list-style-type: lower-greek;
}

.list.none {
 list-style-type: none;
}



/* Padding */
.p-2 {
  padding: 2px!important;
}

.p-5 {
  padding: 5px!important;
}

.pt-2 {
  padding-top: 2px!important;
}

.pb-2 {
  padding-bottom: 2px!important;
}

.pt-5 {
  padding-top: 5px!important;
}

.pb-5 {
  padding-bottom: 5px!important;
}

.p-0 {
  padding: 0!important;
}

.pt-0 {
  padding-top: 0!important;
}

.pb-0 {
  padding-bottom: 0!important;
}

.pl-0 {
  padding-left: 0!important;
}

.pr-0 {
  padding-right: 0!important;
}

/* Margin */
.m-2 {
  margin: 2px!important;
}

.m-5 {
  margin: 5px!important;
}

.mt-2 {
  margin-top: 2px!important;
}

.mb-2 {
  margin-bottom: 2px!important;
}

.mt-5 {
  margin-top: 5px!important;
}

.mb-5 {
  margin-bottom: 5px!important;
}

.m-0 {
  margin: 0!important;
}

.mt-0 {
  margin-top: 0px!important;
}

.mb-0 {
  margin-bottom: 0px!important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

/* Form */
input[type=text]{
  width: 90%;
  padding: 5px;
  margin: 5px;
  outline-color: #40396e;
}

input[type=email]{
  width: 90%;
  padding: 5px;
  margin: 5px;
  outline-color: #40396e;
}

textarea#message {
  width: 90%;
  margin: 5px;
  outline-color: #40396e;
  resize: vertical;
}