/* CSS Document */
/* Scss Document */
/* CSS Document */
body {
    font-size: 14pt;
}

h1 {
    text-align: center;
}

#furniture-top {
    background-color: #05423C;
}

#logo-box {
    /* always want a little green to show on its left */
    margin-left: 0.25em;
    /* vertically center it */
    margin-top: auto;
    margin-bottom: auto;
}

#slogan {
    color: #F6DB6D !important;
    font-weight: bolder;
    font-size: xx-large;
}

#contents {
    background-color: #FFCC33;
    /* when the last thing on the page is a list, the bacground does not entirely fill, you get a white line, or two */
    height: fit-content;
}

.nav-item a {
    color: #F6DB6D !important;
    background-color: #5AB59B !important;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.nav-item .dropdown-menu {
    color: #F6DB6D !important;
    background-color: #5AB59B !important;
}

.nav-item .dropdown-menu a {
    background-color: transparent !important;
}

#top-nav > .nav-item a {
    background-color: transparent !important;
}

#main-nav > .nav-item a {
    font-weight: bolder;
    font-size: larger;
    margin-bottom: 0.25em;
}

#furniture-tail {
    /* to make the text reall stand out, because it is small */
    color: white !important;
    font-size: smaller;
    padding: 0px;
}

#tail-row-1 {
    background-color: #05423C;
    padding: 0.3em;
}

#tail-row-2 {
    background-color: #5AB59B;
}

#tail-row-2 p {
    text-align: right;
    width: 98%;
    margin-bottom: 0.3em;
}

#tail-nav > .nav-item {
    padding-left: 1em;
}

#tail-nav > .nav-item a {
    background-color: #05423C;
    font-weight: bolder;
    font-size: small;
    margin-top: 0.25em;
}

#contents {
    background-image: url("../paper.jpg");
}

.pblf-button-dark {
    background-color: #05423C;
    color: #F6DB6D;
    font-weight: bolder;
    border-color: #05423C;
}

.pblf-button-light {
    background-color: #5AB59B;
    color: #F6DB6D;
    font-weight: bolder;
    border-color: #05423C;
}

.page-image {
    text-align: center;
}

.lead {
    font-weight: bold;
}

/* CSS Document */
#callToAction {
    margin-top: auto;
    margin-bottom: auto;
}

#slides {
    margin-top: 5em;
    margin-bottom: auto;
}

.carousel {
    border-color: black;
    border-style: double;
}

h2 {
    text-align: center;
}

#mission {
    font-weight: bold;
    text-align: center;
}

#callToAction .nav-item a {
    font-weight: bolder;
    font-size: larger;
    margin-bottom: 0.25em;
}

/* just a placeholder at the moment */
#pbflblog {
    height: 10em;
    text-align: center;
    background-color: #5AB59B;
    font-style: italic;
    margin: 0.5em;
}

/* CSS Document */
#makeEOI {
    text-align: center;
    margin: 1em;
}

.card-header {
    background-color: #05423C;
    color: #F6DB6D;
}

.mugshot {
    float: left;
    margin-right: 1em;
    margin-bottom: 0.5em;
}

/* I think that it looks better occuoying the full width */
#accordion .card-header button {
    width: 100%;
}

/* give an icon on the rh end of the button to hint that clicking gives you more */
#accordion .card-header .btn:after {
    font-family: "Font Awesome 5 Free";
    content: '\f068';
    /* minus */
    float: right;
}

#accordion .card-header .collapsed:after {
    /* replace icon on a collapsed panel */
    font-family: "Font Awesome 5 Free";
    content: '\f067';
    /* plus */
    float: right;
}

#accordion .card-body {
    text-align: center;
}

#jobdesc-modal .modal-dialog {
    max-width: 55%;
}

#pdf-frame {
    height: 65vh;
    /* ie of viewport height */
}

/* Scss Document */
th {
    text-align: center;
}

table {
    table-layout: fixed;
}

/* Scss Document */
th {
    background-color: #05423C;
    color: #F6DB6D;
}

tr {
    background-color: antiquewhite;
}

.table-break {
    background-color: #5AB59B;
}

table {
    margin-bottom: 0.75em;
}

/* Scss Document */
#whatwedo h2 {
    text-align: left;
}