/* Large button bar */

.purdue-home-button-bar ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.purdue-home-button-bar.has-black-background {
    background: #000
}

.purdue-home-button-bar.has-black-background .purdue-home-button-bar__button-title,
.purdue-home-button-bar.has-black-background .purdue-home-button-bar__button-content {
    color: #fff
}

.purdue-home-button-bar.has-black-background .purdue-home-button-bar__button:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3Csvg width=%27104.253572px%27 height=%27104.253572px%27 viewBox=%270 0 104.253572 104.253572%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Ctitle%3Earrow_circle_icon%3C/title%3E%3Cg id=%27Desktop%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cg id=%27arrow_circle_icon%27 transform=%27translate%2852.1268, 52.1268%29 rotate%2840%29 translate%28-52.1268, -52.1268%29translate%2815.1268, 15.1268%29%27 stroke=%27%23cfb991%27 stroke-width=%274%27%3E%3Cg id=%27Group-3%27 transform=%27translate%280, 0%29%27%3E%3Ccircle id=%27Oval-Copy%27 transform=%27translate%2837, 37%29 rotate%28135%29 translate%28-37, -37%29%27 cx=%2736.9999977%27 cy=%2736.9999977%27 r=%2725.1629493%27%3E%3C/circle%3E%3Cg id=%27Arrow-Copy-3%27 transform=%27translate%2827.7199, 21.7701%29%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%279.52771771%27 y1=%272.99227577%27 x2=%279.56560625%27 y2=%2727.0777404%27 id=%27Path-6%27 transform=%27translate%289.5467, 15.035%29 rotate%2850%29 translate%28-9.5467, -15.035%29%27%3E%3C/line%3E%3Cpolyline id=%27Path-5%27 transform=%27translate%2814.2315, 11.1834%29 rotate%2850%29 translate%28-14.2315, -11.1834%29%27 points=%274.73086087 17.2295253 14.1515077 5.10747085 23.7320575 17.2593992%27%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.purdue-home-button-bar.has-gold-background {
    background: #cfb991
}

.purdue-home-button-bar.has-gold-background ul li:not(:last-child) {
    border-color: #8e6f3e
}

.purdue-home-button-bar.has-gray-background {
    background: #c4bfc0
}

.purdue-home-button-bar.has-gray-background ul li:not(:last-child) {
    border-color: #6f727b
}

.purdue-home-button-bar ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0
}

    @media screen and (max-width: 1023px) {
        .purdue-home-button-bar ul {
            display: block
        }
    }

.purdue-home-button-bar ul li {
    padding: 0;
    flex: 1 1 0;
    width: 0
}

.purdue-home-button-bar ul li:not(:last-child) {
    border-right: 2px solid #cfb991
}

    @media screen and (max-width: 1023px) {
        .purdue-home-button-bar ul li {
            width: 100%
        }
    
        .purdue-home-button-bar ul li:not(:last-child) {
            border-right: none;
            border-bottom: 2px solid #cfb991
        }
    }

.purdue-home-button-bar__button {
    display: block;
    padding: 2.5rem 5rem 5rem 1.75rem;
    height: 100%;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.purdue-home-button-bar__button:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3Csvg width=%27104.253572px%27 height=%27104.253572px%27 viewBox=%270 0 104.253572 104.253572%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Ctitle%3Earrow_circle_icon%3C/title%3E%3Cg id=%27Desktop%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cg id=%27arrow_circle_icon%27 transform=%27translate%2852.1268, 52.1268%29 rotate%2840%29 translate%28-52.1268, -52.1268%29translate%2815.1268, 15.1268%29%27 stroke=%27%23000000%27 stroke-width=%274%27%3E%3Cg id=%27Group-3%27 transform=%27translate%280, 0%29%27%3E%3Ccircle id=%27Oval-Copy%27 transform=%27translate%2837, 37%29 rotate%28135%29 translate%28-37, -37%29%27 cx=%2736.9999977%27 cy=%2736.9999977%27 r=%2725.1629493%27%3E%3C/circle%3E%3Cg id=%27Arrow-Copy-3%27 transform=%27translate%2827.7199, 21.7701%29%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%279.52771771%27 y1=%272.99227577%27 x2=%279.56560625%27 y2=%2727.0777404%27 id=%27Path-6%27 transform=%27translate%289.5467, 15.035%29 rotate%2850%29 translate%28-9.5467, -15.035%29%27%3E%3C/line%3E%3Cpolyline id=%27Path-5%27 transform=%27translate%2814.2315, 11.1834%29 rotate%2850%29 translate%28-14.2315, -11.1834%29%27 points=%274.73086087 17.2295253 14.1515077 5.10747085 23.7320575 17.2593992%27%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .3s ease
}

.purdue-home-button-bar__button:hover:after {
    transform: translateX(3px)
}

    @media screen and (max-width: 1023px) {
        .purdue-home-button-bar__button {
            padding: 1.875rem 6rem 1.875rem 1.875rem;
            height: auto
        }
    
        .purdue-home-button-bar__button:after {
            right: 0;
            top: calc(50% - 40px)
        }
    }

.purdue-home-button-bar__button-title {
    font-family: acumin-pro, "Franklin Gothic", sans-serif;
    font-size: max(1.7vw, 18px);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
    color: #000
}

    @media screen and (max-width: 1023px) {
        .purdue-home-button-bar__button-title {
            font-size: 1.875rem
        }
    }

.purdue-home-button-bar__button-content {
    font-family: acumin-pro, "Franklin Gothic", sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5;
    color: #000
}

.purdue-home-buttons .purdue-home-button-list {
    padding-left: 0
}

.purdue-home-buttons.purdue-home-buttons--left ul.purdue-home-button-list {
    justify-content: left
}

.post-content__body .purdue-home-buttons .purdue-home-button-list {
    padding-left: 0
}

.post-content__body .purdue-home-buttons.purdue-home-buttons--left ul.purdue-home-button-list {
    justify-content: left
}