﻿.footer-wrapper {
    background-color: #4A4A4A;
    padding: 25px 10%;
    font-family: open;
    font-family: 'Open Sans', sans-serif;
}

.zone-footer-wrapper {
    background-color: #fff;
    color: #fff;
    padding: 0;
}

.section-footer {
    padding: 0;
}

.footer-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 20px;
}

.zone-footer-wrapper a, .footer-links {
    color: #fff !important;
}

.footer-icons img {
    height: 25px;
    padding: 0 5px;
}

img.footer-agency-logo {
    width: 310px;
    padding: 20px 0;
}

.footer-link ul {
    display: flex;
    padding: 0 10px;
    flex-wrap: wrap;
}

    .footer-link ul:not(.browser-default) > li {
        list-style-type: none;
    }
/*.footer-text.item {
          padding: 10px;
        }*/
.footer-content.last {
    border: 0;
}

.footer-text.item.right {
    text-align: center;
    padding: 20px;
    align-self: flex-start;
}

.footer-header {
    font-weight: 900;
}

.link-list {
    display: block;
    text-align: center;
}

.link-list {
    display: block;
    list-style: none;
    list-style-image: none;
    list-style-image: none;
    flex: 2;
}

    .link-list > li {
        list-style-type: none !important;
        padding-right: 10px;
    }

span.ext {
    display: none;
}

.lg\:pr-10:nth-of-type(1) {
    padding-right: 2.5rem;
}

.socials {
    text-align: center;
}

.fa-twitter::before {
    content: "";
}

.fa-twitter {
    background: url(/sites/default/files/dc/shared_assets/social_icons/x-logo-white.png) no-repeat center;
    background-size: 30px;
}

.footer-connect-section {
    flex: 2;
    flex-wrap: wrap;
}

    .footer-connect-section > div:nth-of-type(1) {
        flex: 1;
    }

.footer-languages {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    color: #fff;
    border-bottom: 1px solid;
    padding: 20px;
}
/*-------NARROW-------*/
@media all and (min-device-width: 740px) and (min-width: 740px), (max-device-width: 979px) and (min-width: 740px) and (orientation: landscape) {
    .footer-section.lower .footer-content > div:nth-of-type(1) {
        flex: 1;
    }

    .footer-connect-section {
        flex: 1;
    }

    .upper .footer-content {
        justify-content: flex-end;
    }

    .lg\:pr-10:nth-of-type(1),
    .lg\:pr-10:nth-of-type(2) {
        padding-right: 2.5rem;
    }
}

/*-------NORMAL-------*/
@media all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation: landscape) {
    .footer-content {
        justify-content: space-between;
    }

    .footer-text.item.right {
        text-align: right;
        align-self: flex-start;
        padding: 0 0 0 125px;
    }

        .footer-text.item.right:nth-of-type(1) {
            padding: 0 0 0 20px;
        }

    .link-list {
        display: flex;
    }

    .footer-connect-section {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

    .footer-text.agency-logo {
        flex: 1;
        align-self: flex-end;
    }

    .socials {
        /*align-self: flex-end; */
        flex: 1;
        text-align: left;
    }

    .fa-twitter {
        background-size: 30px;
    }

    img.footer-agency-logo {
        padding: 20px 0 20px 20px;
    }
}
/*-------WIDE-------*/
/* media only screen and (min-width: 1220px) {
        }

        */
/* Tab Styles */
.front ul.tabs {
    margin: 50px;
    /*padding: 11px;*/
    float: left;
    list-style: none;
    /*height: 32px;*/
    /* border-bottom: 1px solid #333; */
    width: 100%;
}

    .front ul.tabs li {
        float: left;
        margin: 0 20px;
        cursor: pointer;
        /*padding: 10px 20px;
         background-color: #666; */
        color: #fff;
        overflow: hidden;
        position: relative;
        font-size: 27px;
        font-weight: 900;
    }

        /* .tab_last { border-right: 1px solid #333; } */

        .front ul.tabs li:hover {
            /* background-color: #ccc; */
            color: #fff;
        }

        .front ul.tabs li.active {
            /* background-color: #fff; */
            color: #fff;
            border-bottom: 5px solid #fff;
            display: block;
        }

.tab_container {
    /* border: 1px solid #333;
        border-top: none; */
    clear: both;
    float: left;
    width: 100%;
    /* background: #fff; */
    overflow: auto;
}

.tab_content {
    padding: 20px;
    display: none;
}

    .tab_content h2 {
        font-size: 16px;
    }

    .tab_content tr.even, .tab_content tr.odd, .tab_content .views-row {
        background-color: transparent;
        min-height: 120px;
        clear: both;
    }

    .tab_content a, .tab_content h2, .tab_content h3 {
        color: #fff !important;
    }

    .tab_content a, .tab_content h2, .tab_content h3 {
        color: #fff !important;
    }

.tab_drawer_heading {
    display: none;
}

@media screen and (max-width: 680px) {
    .tabs {
        display: none;
    }

    .tab_drawer_heading {
        background-color: transparent;
        color: #fff;
        border: 1px solid #fff;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #fff !important;
    }

    .d_active {
        background-color: #bababa;
        color: #fff;
    }
}

.view-display-id-featured_homepage_publications_block, #quicktabs-agency_featured_news_home {
    display: none;
}

.tab_content .view-footer, .tab_content .more-link {
    text-align: center;
}

    .tab_content .view-footer a {
        font-size: 1.2rem;
        text-align: center;
        margin: 20px auto;
        width: max-content;
        padding: 10px 20px;
        border-radius: 50px;
        background: transparent;
        background-color: #015384;
        border: 2px solid #fff;
    }

.views-align-left {
    display: flex;
    align-items: center;
    padding: 10px 5px;
}

.tabs {
    background-color: transparent;
}

.front .views-field-field-date {
    float: left;
    padding: 0 10px 0 0;
    min-height: 100px;
}

tr.even, tr.odd, tr {
    border-bottom: 0;
}


.text-white {

    color:white!important;

}








/* New Footer Styles */

html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
}

/* Layout ensures footer sits after content */
body {
    display: flex;
    flex-direction: column;
}

/* Your main content should expand */
main {
    flex: 1;
}

/* Footer styling */
.footer {
    background-color: whitesmoke;
    padding: 15px 10px;
    text-align: center;
    border-top: 1px solid #ddd;
    margin: 0; /* ensures no bottom margin */
}

    .footer p {
        margin: 5px 0;
        font-size: 0.9rem;
    }

/* Responsive text adjustments */
@media (max-width: 576px) {
    .footer p {
        font-size: 0.8rem;
    }
}


/*  End Of Footer Styles */