:root {
    --primary-text: #1F1F1F;
    --secondary-text: #484646;
    --light-background: #f1f1f1;
    --accent-color: #A00019;
    --accent-active: #CF372C;
}

.employee-data {
    display: none;
}

#services,
#contact,
#employee-list,
.section-heading {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    text-align: center;
    color: var(--primary-text);
    margin: 36px 0px;
}

.section-heading {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 32px;
    color: var(--primary-text);
    margin-bottom: 14px;
}

.item {
    margin: 14px 0px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.item h1 {
    font-weight: bold;
}

a {
    color: var(--primary-text);
    text-decoration: none !important;
}

/* SERVICES SECTION */

#services .section-content-container {
    max-width: 224px;
    margin: auto;
}

#services>.section-content-container,
#services .item {
    display: flex;
    flex-direction: column;
}

#services .item>a {
    color: var(--accent-color);
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
}

#services .item>a:hover,
#services .item>a:focus {
    color: var(--accent-active);
}

#services .item>a:active {
    color: var(--secondary-text)
}

#services .item>p {
    color: var(--secondary-text);
    font-size: 14px;
    margin: 6px 0px 0px 0px;
}

#home-delivery {
    order: 1;
}

#payment-options {
    order: 2;
}

#news-tips {
    order: 4;
}

#reviewing-the-record {
    order: 7;
}

#letter-to-the-editor {
    order: 5;
}

#digital-subscription {
    order: 3;
}

#obituaries {
    order: 6;
}

/* END SERVICES SECTION */

/* CONTACT SECTION*/

.flex-column {
    display: flex;
    flex-direction: column;
}

#contact .item h1 {
    font-size: 18px;
}

#contact .department h1 {
    font-size: 14px;
}

#contact p.address {
    margin: 4px 0px 14px 0px;
}

#contact .item h1,
#contact .item h2 {
    margin: 8px 0px;
}

#contact .item h2 {
    font-size: 14px;
    font-weight: normal;
    color: var(--secondary-text);
    margin-top: 4px;
}

#contact .department {
    margin: 12px 0px 20px 0px;
    width: 32%;
    display: inline-block;
}

#contact .department:nth-child(3) {
    border-left: 1px solid var(--primary-text);
    /* border-right: 1px solid var(--primary-text); */
}

#contact .department h2 {
    display: none;
}

#contact a:hover {
    color: var(--accent-color);
}

#contact a:focus {
    color: var(--accent-active);
}

#contact a:active {
    color: var(--secondary-text);
}

#contact #customer-service p {
    margin: 4px 0px 0px 0px
}

#publications {
    order: 2;
}

#other-contacts {
    order: 1;
    border-bottom: 1px solid #e2e2e2;
    margin: 0 30vw 20px;
    padding-bottom: 25px;
}

#other-contacts .item h2 {
    display: none;
}

#live-help {
    width: 102px;
    height: 45px;
    background-color: var(--accent-color);
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4px;
}

#live-help:hover {
    cursor: pointer;
}

#live-help:hover,
#live-help:focus {
    background-color: var(--accent-active);
}

#live-help:active {
    background-color: var(--secondary-text);
}

/* END CONTACT SECTION*/

/** EMPLOYEE LIST SECTION */

#employee-list {
    position: relative;
}

#employee-list .section-content-container {
    text-align: left;
    margin: 0 5vw;
}

#employee-list ul {
    list-style-type: none;
    padding: 0px;
}

#employee-list .accordion-menu__list li {
    margin: 12px 0px;
}

#employee-list .accordion-menu__list > li {
    margin-top: 24px;
}

#employee-list .accordion-menu__link:focus {
    color: inherit;
}

#employee-list .accordion-menu__item > .accordion-menu__link {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--primary-text);
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
}

#employee-list .department-list > li > .accordion-menu__link{
    font-size: 14px;
    text-transform: uppercase;
    color: var(--accent-color);
    margin: 0px;
    font-weight: bold;
}

#employee-list .accordion-menu__link::before{
    content: '+';
    padding: 0 8px;
}

#employee-list .accordion-menu__link::before{
    content: '+';
    padding-right: 8px;
}

#employee-list .accordion-menu--active::before{
    content: '–';
    padding-right: 8px;
}

#employee-list .employee-list li,
#employee-list .employee {
    font-size: 14px;
    margin: 8px 0px 16px 0px;
    padding-left: 23px;
    
}

#employee-list .employee-list p,
#employee-list .employee p {
    margin: 4px 0px;
}

#employee-list .employee-list .name,
#employee-list .employee .name {
    font-weight: bold;
}

#employee-list .employee-list .title,
#employee-list .employee .title {
    text-transform: uppercase;
}

#employee-list .employee-list .email,
#employee-list .employee .email {
    color: var(--secondary-text);
    font-style: italic;
}

#employee-list .executives-link {
    color: var(--accent-color);
    font-weight: bold;
}

/* Loding graphic */

#loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #a5a5a5;
    width: 35px;
    height: 35px;
    animation: spin 1.3s linear infinite;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/* END Loading graphic */

/** END EMPLOYEE LIST SECTION */

/** NESTED ACCORDION MENU */

.accordion-menu--hidden {
    display: none !important;
}

/** END NESTED ACCORDION MENU */

@media screen and (max-width: 599.98px) {

    #employee-list .section-content-container{
        margin: 0 1vw;
    }
}

/* SCREENS LARGER THAN 600PX (TABLETS) */
@media screen and (min-width: 600px) {

    /* SERVICES SECTION */
    #services .section-content-container {
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 500px;
    }

    #services .item {
        width: 250px;
    }

    #services .item>p {
        display: none;
    }

    /* END SERVICES SECTION */

    /* CONTACT SECTION*/
    .container-container {
        flex-direction: column;
    }

    #contact .section-content-container {
        display: flex;
        justify-content: center;
    }

    #contact .item {
        margin: 14px 0px;
        min-width: 226px;
    }

    #contact .item h1 {
        font-size: 14px;
    }

    #contact .department {
        margin: 16px 0px;
        width: auto;
        display: block;
    }

    #contact .department:nth-child(3) {
        border-left: none;
        border-right: none;
    }

    #contact .department h2 {
        display: block;
    }
    
    #contact #advocate {
        order: 1;
    }

    #contact #nola {
        order: 2;
    }

    #contact #acadiana-advocate {
        order: 3;
    }

    /* END CONTACT SECTION*/

}

/* SCREENS LARGER THAN 768PX (DESKTOPS) */
@media screen and (min-width: 769px) {

    .section-heading {
        margin-bottom: 20px;
    }

    /* SERVICES SECTION */
    #services .section-content-container {
        max-width: 775px;
        column-gap: 50px;
        justify-content: center;
    }

    #services .item {
        width: 225px;
    }

    #services .item>p {
        display: block;
    }

    /* END SERVICES SECTION */
    
    /* CONTACT SECTION */

    #contact .item {
        min-width: 276px;
    }

    /* END CONTACT SECTION */
    
    /* EMPLOYEE LIST SECTION */

    #employee-list .section-content-container {
        margin: 0px auto;
        max-width: 775px;
    }

    #employee-list .employee-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .accordion-menu__sublist.accordion-menu > a {
        display: none;
    }

    /* END EMPLOYEE LIST SECTION */

}