/* Centers the main page and sets its width */
.page {
    width: 80%;
    margin: 0 auto;
}


/* Edits the style of the main Almigh-Tea page heading */
.almightea-title {
    text-align: center;
    font-style: italic;
    color: #e1b995;
    background-color: #4b2e1f;
    padding: 20px;
}

/* Centers and italicizes every page tagline */
.tagline {
    text-align: center;
    font-style: italic;
}

/* Removes the bullets and indentation from menu */
.almightea-menu {
    
    list-style-type: none;
    padding-left: 0;
}


.almightea-menu-two {
    text-align: center;
    list-style-type: none;
    padding-left: 0;
}

/* Centers the company contact information, primarily cosmetic */
.contact-info {
    text-align: center;
}

/* Sets the png size */
.employee-photo {
    width:200px;
}

/* Centering the Org Chart */
.org-chart {
    text-align: center;
}


/* Changing 'Submit' button size */
.submit-button {
    text-align: center;
    font-size: 2.5em;
    padding: 10px 20px;
}

/* Poll results table */
.poll-results {
    border-collapse: collapse;
}

.poll-results th,
.poll-results td {
    border: 5px solid #4b2e1f;
    padding: 8px;
}

/* Employee directory table */
.employee-directory-table {
    width: 100%;
    margin-top: 20px;
    border-collapse: collapse;
    table-layout: fixed;
}

.employee-directory-table caption {
    padding: 10px;
    font-size: 1.5em;
    font-weight: bold;
    color: #E1B995;
    background-color: #4b2e1f;
}

.employee-directory-table th {
        padding: 10px;
    border: 1px solid #4b2e1f;
    text-align: center;
    vertical-align: top;
    background-color: #E1B995;
}

.employee-directory-table td {
    padding: 10px;
    border: 1px solid #4b2e1f;
    text-align: center;
    vertical-align: top;
    background-color: #E1B995;
}

.employee-directory-table th {
    color: #E1B995;
    background-color: #4b2e1f;
}


/* Reusable website footer */
.site-footer {
    margin-top: 25px;
}


/* Nested employee department and team list */
.employee-group-list {
    margin: 20px 0;
    padding-left: 0;
    list-style-type: none;
}


/* Department level */
.employee-group-list > li {
    margin-bottom: 20px;
    padding: 15px;
    border: 2px solid #4b2e1f;
    background-color: #f4e8dc;
}


/* Team level */
.employee-group-list > li > ul {
    margin-top: 12px;
    padding-left: 0;
    list-style-type: none;
}

/* Employee level */
.employee-group-list > li > ul > li > ul {
    margin-top: 10px;
    padding-left: 0;
    list-style-type: none;
}

.employee-group-list > li > ul > li {
    margin-top: 10px;
    padding: 12px;
    border-left: 6px solid #E1B995;
    background-color: #ffffff;
}