/* ---------------------------------------- */
/* Globals */
/* ---------------------------------------- */

/* Functional Padding */
/* Based on Bootstrap spacing classes */
/* https://getbootstrap.com/docs/4.1/utilities/spacing/ */

.p-0 {padding: 0 !important;}
.pt-0 {padding-top: 0 !important;}
.pr-0 {padding-right: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.pl-0 {padding-left: 0 !important;}
.px-0 {padding-left: 0; padding-right: 0 !important;}
.py-0 {padding-top: 0; padding-bottom: 0 !important;}

.p-1 {padding: 5px !important;}
.pt-1 {padding-top: 5px !important;}
.pr-1 {padding-right: 5px !important;}
.pb-1 {padding-bottom: 5px !important;}
.pl-1 {padding-left: 5px !important;}
.px-1 {padding-left: 5px; padding-right: 5px !important;}
.py-1 {padding-top: 5px; padding-bottom: 5px !important;}

.p-2 {padding: 10px !important;}
.pt-2 {padding-top: 10px !important;}
.pr-2 {padding-right: 10px !important;}
.pb-2 {padding-bottom: 10px !important;}
.pl-2 {padding-left: 10px !important;}
.px-2 {padding-left: 10px; padding-right: 10px !important;}
.py-2 {padding-top: 10px; padding-bottom: 10px !important;}

.p-3 {padding: 20px !important;}
.pt-3 {padding-top: 20px !important;}
.pr-3 {padding-right: 20px !important;}
.pb-3 {padding-bottom: 20px !important;}
.pl-3 {padding-left: 20px !important;}
.px-3 {padding-left: 20px; padding-right: 20px !important;}
.py-3 {padding-top: 20px; padding-bottom: 20px !important;}

.p-4 {padding: 30px !important;}
.pt-4 {padding-top: 30px !important;}
.pr-4 {padding-right: 30px !important;}
.pb-4 {padding-bottom: 30px !important;}
.pl-4 {padding-left: 30px !important;}
.px-4 {padding-left: 30px; padding-right: 30px !important;}
.px-4 {padding-top: 30px; padding-bottom: 30px !important;}

.p-5 {padding: 60px !important;}
.pt-5 {padding-top: 60px !important;}
.pr-5 {padding-right: 60px !important;}
.pb-5 {padding-bottom: 60px !important;}
.pl-5 {padding-left: 60px !important;}
.px-5 {padding-left: 60px; padding-right: 60px !important;}
.px-5 {padding-top: 60px; padding-bottom: 60px !important;}


/* ---------------------------------------- */
/* App specific */
/* ---------------------------------------- */

/* Header bar */
form.search {
  width: 25em;
}

/* Home page */
.support-category .row {
  display:flex;
  flex-wrap:wrap;
}
.support-category .row > div{
  display:flex;
}
.support-section {
  background-color: #f8f8f8;
}
.support-section hr {
  margin-top: 14px;
  margin-bottom: 4px;
}

/* Articles page */
.article-vote-down:before {
  content:"No";
  display:block;
}
.article-vote-up:before {
  content:"Yes";
  display:block;
}