﻿.whatwedo__row--tabcontent .tab-content, .talent__row--tabcontent .tab-content {
    font-family: AvenirNext-Regular,serif;
    font-weight: 400;
    font-size: var(--paragragh-font-size);
    color: var(--atp-black);
}

.industry__row--content {
    font-family: AvenirNext-Regular,serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: var(--header-font-size);
    color: var(--atp-black);
    /*line-height: 3.5vh;*/
}

    .industry__row--content .card {
        -webkit-justify-content: center;
        justify-content: center;
        border: none;
        height: 100%;
        text-align: center;
        padding-bottom: 0.75em;
        padding-top: 0.75em;
        border-bottom: 1px dotted var(--atp-black);
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

        .industry__row--content .card h1 {
            margin: 0;
            font-size: var(--paragragh-font-size);
        }

.whatwedo__row--tabcontent, .talent__row--tabcontent {
    -webkit-align-items: center;
    align-items: center;
}

.talentintro__row h2 {
    letter-spacing: 0.1vw;
}

@media only screen and (max-width: 719px) {
    .whatwedointro__row {
        padding: var(--section-padding);
        text-align: center;
        margin-left: -15px;
        margin-right: -15px;
    }

    .whatwedo__row, .talent__row {
        display: none;
    }

    .whatwedo__row--mobile, .talent__row--mobile {
        text-align: center;
        padding: 3em 1em 3em 1em;
        background-color: var(--atp-grey);
    }

    .list-group-item {
        background-color: var(--atp-grey) !important;
    }

    .talentintro__row {
        padding: var(--section-padding);
        text-align: center;
        margin-left: -15px;
        margin-right: -15px;
    }

    .talent__row--mobile ul {
        list-style: none;
        padding: 0;
    }

    .talent__row--mobile li {
        font-family: AvenirNext-Regular,serif;
        font-weight: 400;
        font-size: var(--paragragh-font-size);
        color: var(--atp-black);
    }

    .whatwedo__row--tabcontent .list-group-item, .talent__row--tabcontent .list-group-item {
        border: 0;
        font-size: var(--blue-subtext-font-size);
        text-transform: uppercase;
        font-family: 'LemonMilk Light', serif;
        font-weight: 400;
        letter-spacing: 4px;
        color: var(--atp-blue);
    }

    .industry__row {
        background-color: #fff;
        padding: var(--section-padding);
        text-align: center;
    }

    .border--mobile {
        border-bottom: 1px dotted var(--atp-black) !important;
    }
}

@media only screen and (min-width: 720px) {
    .whatwedointro__row {
        background-image: url("../images/about/WhatWeDoIntro@0.75x.jpg");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        display: block;
        position: relative;
        height: 20em;
        margin-left: -15px;
        margin-right: -15px;
        z-index: -1;
        padding: 1em;
        border-bottom: 1px solid #fff;
    }

        .whatwedointro__row::after {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300'%3E%3Cpolygon fill='%23fff' points='600,0 150,0 175,50 250,70 275,150 225,275 50,300 600,300'%3E%3C/polygon%3E%3C/svg%3E");
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            height: 20em;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            content: "";
            display: block;
        }

        .whatwedointro__row h1 {
            margin-left: 40%;
            text-align: right;
            font-size: 1em;
            margin-bottom: 2em;
        }

        .whatwedointro__row p {
            margin-left: 65%;
        }

    .whatwedo__row--mobile, .talent__row--mobile {
        display: none;
    }

    .whatwedo__row {
        padding: var(--section-padding);
    }

    .whatwedoheader__row {
        text-align: left;
    }

        .whatwedoheader__row h1, .talentheader__row h1 {
            color: var(--atp-blue);
        }


    .talentintro__row {
        padding: var(--section-padding);
        text-align: center;
        display: block;
        position: relative;
        margin-left: -15px;
        margin-right: -15px;
        background-color: var(--atp-grey);
    }

        .talentintro__row p {
            margin: 0 10%;
        }

    .talent__row {
        background-color: #fff;
        padding: var(--section-padding);
    }

    .whatwedo__row--tabcontent .list-group-item, .talent__row--tabcontent .list-group-item {
        border: 0;
        font-size: var(--paragragh-font-size);
        text-transform: uppercase;
        font-family: 'LemonMilk Light', serif;
        font-weight: 400;
        letter-spacing: 0.1vw;
        color: var(--atp-black);
    }

    .whatwedo__row--tabcontent .list-group-item-action:focus, .whatwedo__row--tabcontent .list-group-item-action:hover,
    .talent__row--tabcontent .list-group-item-action:focus, .talent__row--tabcontent .list-group-item-action:hover {
        background-color: var(--atp-blue);
        color: #fff;
    }

    .whatwedo__row--tabcontent .list-group-item.active, .talent__row--tabcontent .list-group-item.active {
        background-color: var(--atp-grey);
        color: var(--atp-black);
    }

    .whatwedo__row--tabcontent .tab-content, .talent__row--tabcontent .tab-content {
        margin-left: 1.5em;
    }

    .industry__row {
        background-color: #fff;
        padding: 1em;
        text-align: center;
    }

    .industryheader__row p {
        margin: 0 10% 5% 10%;
    }
}

@media only screen and (min-width: 2560px) {
    .aboutopening__row {
        background-image: url("../images/about/AboutOpening.jpg");
    }

    .whatwedointro__row {
        background-image: url("../images/about/WhatWeDoIntro.jpg");
    }

    .ourvaluesintro__row {
        background-image: url("../images/about/OurValuesIntro.jpg");
    }
}
