/*
Theme Name: Plum
*/
@import "normalize.css";
html, body {
  margin: 0px;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
  font-family: "proxima-nova";
}
* a {
  color: inherit;
}

p {
  line-height: 14px;
}

.site-wrapper {
  width: 1020px;
  margin: auto;
  padding: 40px;
}

.main-header {
  margin-top: 0px;
  margin-bottom: 40px;
}
.main-header .logo {
  width: 120px;
  height: 30px;
  background-image: url("images/logo.png");
  background-size: cover;
  display: inline-block;
}
.main-header .logo:hover {
  background-image: url("images/logo-over.png");
}
.main-header .menu {
  float: right;
  margin: 0px;
  padding: 0px;
}
.main-header .menu li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  line-height: 31px;
  font-weight: bold;
  text-transform: uppercase;
}
.main-header .menu li a {
  text-decoration: none;
}
.main-header .menu li:hover a {
  color: rgb(167, 169, 172);
}
.main-header .menu li:last-of-type {
  margin-right: 0px;
}

.main-footer {
  margin-top: 40px;
  color: #a7a9ac;
}

.slideshow {
  width: 100%;
  height: 640px;
  position: relative;
}
.slideshow .slideshow-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-size: cover;
  background-position: center center;
  opacity: 0;
  z-index: 0;
  transition: opacity 2500ms;
  -webkit-transition: opacity 2500ms;
  -ms-transition: opacity 2500ms;
  -moz-transition: opacity 2500ms;
  -o-transition: opacity 2500ms;
}
.slideshow .slideshow-slide a {
  display: block;
  height: 100%;
  width: 100%;
}
.slideshow .slideshow-slide.active {
  opacity: 1;
  z-index: 999;
}

.project-outer {
  width: 100%;
  height: auto;
  border: 1px solid #a7a9ac;
  padding: 30px;
  margin-top: 30px;
}
.project-outer .project-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.single-project .category-nav {
  margin-top: 60px;
}

.project-header {
  position: absolute;
  top: 145px;
}
.project-header h1 {
  font-size: 22px;
  margin: 0px;
  line-height: 120%;
}
.project-header h3 {
  font-size: 15px;
  font-weight: normal;
  font-style: italic;
  margin: 5px 0px 0px 0px;
}

.project-image {
  position: absolute;
  background-size: cover;
  background-position: center center;
}

.project-description {
  position: absolute;
  font-size: 12px;
  color: #221F20;
}

.photography-credit {
  color: #a7a9ac;
  font-weight: normal;
  font-size: 10px;
  position: absolute;
  margin: 0px;
  padding: 0px;
}

.layout-1 {
  height: 794px;
}
.layout-1 .image-1 {
  width: 185.5px;
  height: 122.5px;
  right: 184.5px;
  top: 0px;
}
.layout-1 .image-2 {
  width: 175px;
  height: 122.5px;
  right: 0px;
  top: 0px;
}
.layout-1 .image-3 {
  width: 508.2px;
  height: 350px;
  top: 122px;
}
.layout-1 .image-4 {
  width: 143.5px;
  height: 217px;
  top: 490px;
  left: -30px;
}
.layout-1 .image-5 {
  width: 318.5px;
  height: 217px;
  top: 490px;
  left: 123.5px;
}
.layout-1 .image-6 {
  width: 371px;
  height: 290.5px;
  right: -1px;
  bottom: -30px;
}
.layout-1 .project-header {
  top: 35px;
  width: 500px;
}
.layout-1 .project-description {
  width: 360px;
  right: 0px;
  top: 153px;
  padding: 20px 0px 20px 20px;
  margin: 0px;
}
.layout-1 .project-description p {
  margin: 0px 0px 15px 0px;
  padding: 0px;
}
.layout-1 .project-description p:last-of-type {
  margin-bottom: 0px;
}

.layout-2 {
  height: 760px;
}
.layout-2 .image-1 {
  width: 323.7px;
  height: 297.7px;
}
.layout-2 .image-2 {
  width: 530.4px;
  height: 397.8px;
  right: 0px;
  top: -30px;
}
.layout-2 .image-3 {
  width: 197.6px;
  height: 271.7px;
  bottom: 104px;
  left: -30px;
}
.layout-2 .image-4 {
  width: 366.6px;
  height: 273px;
  bottom: -30px;
  left: 196px;
}
.layout-2 .project-header {
  top: auto;
  bottom: 260px;
  left: 195px;
}
.layout-2 .project-description {
  width: 293.8px;
  height: 261.3px;
  right: 0px;
  bottom: 0px;
}
.layout-2 .photography-credit {
  bottom: 70px;
  left: 0px;
  width: 140px;
}

.layout-3 {
  height: 780px;
}
.layout-3 .image-1 {
  width: 105.3px;
  height: 143px;
  right: 0px;
  top: -30px;
}
.layout-3 .image-2 {
  width: 504.4px;
  height: 393.9px;
  left: -30px;
  top: 120px;
}
.layout-3 .image-3 {
  width: 230.1px;
  height: 143px;
  top: 540px;
  left: 0px;
}
.layout-3 .image-4 {
  width: 179.4px;
  height: 144.3px;
  top: 540px;
  left: 240.1px;
}
.layout-3 .image-5 {
  width: 382.2px;
  height: 244.4px;
  bottom: 0px;
  right: 0px;
}
.layout-3 .project-header {
  top: 20px;
}
.layout-3 .project-description {
  width: 382.2px;
  height: 291.2px;
  right: 0px;
  top: 120px;
}
.layout-3 .photography-credit {
  bottom: 20px;
}

.layout-4 {
  height: 770px;
}
.layout-4 .image-1 {
  width: 364px;
  height: 455px;
  top: -30px;
}
.layout-4 .image-2 {
  width: 200.2px;
  height: 230.1px;
  left: 389px;
}
.layout-4 .image-3 {
  width: 304.2px;
  height: 231.4px;
  left: 604.2px;
}
.layout-4 .image-4 {
  width: 236.6px;
  height: 149.5px;
  bottom: 106.6px;
}
.layout-4 .image-5 {
  width: 101.4px;
  height: 136.5px;
  bottom: -30px;
  left: 237px;
}
.layout-4 .image-6 {
  width: 312px;
  height: 234px;
  bottom: -30px;
  left: 364px;
}
.layout-4 .image-7 {
  width: 185.9px;
  height: 234px;
  bottom: -30px;
  right: 0px;
}
.layout-4 .project-header {
  width: 488.8px;
  top: 256.1px;
  left: 390px;
}
.layout-4 .project-description {
  width: 488.8px;
  top: 334.1px;
  left: 390px;
}

.layout-5 {
  height: 770px;
}
.layout-5 .image-1 {
  width: 362.7px;
  height: 276.9px;
  top: -10px;
  left: -30px;
}
.layout-5 .image-2 {
  width: 215.8px;
  height: 166.4px;
  top: 40px;
  left: 446px;
}
.layout-5 .image-3 {
  width: 621.4px;
  height: 395.2px;
  bottom: -30px;
  left: 30px;
}
.layout-5 .image-4 {
  width: 195px;
  height: 145.6px;
  bottom: 260px;
  right: 0px;
}
.layout-5 .image-5 {
  width: 195px;
  height: 195px;
  right: 0px;
  bottom: 50px;
}
.layout-5 .photography-credit {
  width: 195px;
  right: 0px;
  bottom: 30px;
}
.layout-5 .project-header {
  top: 281px;
  left: 31px;
}
.layout-5 .project-description {
  width: 195px;
  right: 0px;
  top: 25px;
}

.layout-6 {
  height: 780px;
}
.layout-6 .image-1 {
  width: 247px;
  height: 210.6px;
  top: -30px;
}
.layout-6 .image-2 {
  width: 157.3px;
  height: 104px;
  right: 166px;
  top: 0px;
}
.layout-6 .image-3 {
  width: 136.5px;
  height: 104px;
  right: 20px;
}
.layout-6 .image-4 {
  width: 247px;
  height: 184.6px;
  top: 200px;
}
.layout-6 .image-5 {
  width: 575.9px;
  height: 482.3px;
  right: 20px;
  bottom: 0px;
}
.layout-6 .project-description {
  width: 250px;
  bottom: 120px;
  left: 0px;
}
.layout-6 .project-header {
  top: 150px;
  left: 283px;
}

.layout-7 {
  height: 765px;
}
.layout-7 .image-1 {
  width: 614.9px;
  height: 312px;
  left: -30px;
  top: 10px;
}
.layout-7 .image-2 {
  width: 247px;
  height: 351px;
  right: 20px;
  top: -30px;
}
.layout-7 .image-3 {
  width: 114.4px;
  height: 114.4px;
  left: 0px;
  top: 342px;
}
.layout-7 .image-4 {
  width: 458.9px;
  height: 354.9px;
  right: -30px;
  bottom: 0px;
}
.layout-7 .project-header {
  width: 420px;
  top: 470px;
}
.layout-7 .project-description {
  width: 420px;
  top: 520px;
}

.layout-8 {
  height: 750px;
}
.layout-8 .image-1 {
  width: 468px;
  height: 748.8px;
  left: -30px;
  top: -30px;
  background-position: left center;
}
.layout-8 .image-2 {
  width: 416px;
  height: 260px;
  right: 0px;
}
.layout-8 .image-3 {
  width: 334.1px;
  height: 182px;
  right: -30px;
  bottom: -10px;
}
.layout-8 .project-header, .layout-8 .project-description {
  width: 414.7px;
}
.layout-8 .project-header {
  top: 275px;
  right: 0px;
}
.layout-8 .project-description {
  top: 345px;
  right: 0px;
}

.layout-9 {
  height: 815px;
}
.layout-9 .project-header {
  top: 60px;
}
.layout-9 .project-description {
  width: 100%;
  height: calc(100% - 60px);
  left: 0px;
  top: 60px;
}
.layout-9 .project-description .col1, .layout-9 .project-description .col2, .layout-9 .project-description .col3 {
  position: absolute;
}
.layout-9 .project-description .col1 {
  left: 0px;
  top: 100px;
  width: 200px;
}
.layout-9 .project-description .col2 {
  width: 310px;
  bottom: 0px;
  left: 230px;
}
.layout-9 .project-description .col3 {
  width: 310px;
  left: 570px;
  bottom: 0px;
}
.layout-9 .image-1 {
  width: 648px;
  height: 440px;
  position: absolute;
  right: 0px;
  bottom: 150px;
  border: 1px solid #000000;
}

.layout-10 {
  height: 835px;
}
.layout-10 .project-header {
  top: 55px;
}
.layout-10 .project-description {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.layout-10 .col1, .layout-10 .col2, .layout-10 .col3 {
  position: absolute;
}
.layout-10 .col1 {
  width: 270px;
  bottom: 0px;
  left: 0px;
}
.layout-10 .col2 {
  width: 270px;
  bottom: 0px;
  left: 300px;
}
.layout-10 .image-1 {
  width: 605px;
  height: 450px;
  position: absolute;
  left: -30px;
  top: 120px;
}
.layout-10 .image-2 {
  background-image: url("http://www.plumarchitects.com/wordpress/wp-content/uploads/2017/05/IMG_2036-1707x1280.jpg");
  width: 200px;
  height: 135px;
  top: -30px;
  left: 375px;
}
.layout-10 .image-3 {
  background-image: url("http://www.plumarchitects.com/wordpress/wp-content/uploads/2017/05/IMG_2132-960x1280.jpg");
  width: 300px;
  height: 400px;
  right: -30px;
  top: -30px;
}
.layout-10 .image-4 {
  background-image: url("http://www.plumarchitects.com/wordpress/wp-content/uploads/2017/05/IMG_2132-960x1280.jpg");
  width: 300px;
  height: 400px;
  right: -30px;
  bottom: -30px;
}

.layout-11 {
  height: 820px;
}
.layout-11 .project-header {
  right: 0px;
  top: 150px;
}
.layout-11 .project-description {
  width: 550px;
  right: 0px;
  bottom: 0px;
}
.layout-11 .image-1 {
  width: 330px;
  height: 200px;
  left: 0px;
  top: 0px;
}
.layout-11 .image-2 {
  width: 330px;
  height: 300px;
  top: 200px;
  left: 330px;
}
.layout-11 .image-3 {
  width: 330px;
  height: 400px;
  left: -30px;
  bottom: -30px;
}
.layout-11 .image-4 {
  width: 300px;
  height: 300px;
  top: 200px;
  right: -30px;
}
.layout-11 .caption {
  position: absolute;
  margin: 0px;
  font-size: 11px;
}
.layout-11 .caption.caption-1 {
  left: 340px;
  top: 0px;
}
.layout-11 .caption.caption-2 {
  left: 340px;
  top: 180px;
}
.layout-11 .caption.caption-3 {
  top: 370px;
  left: 215px;
}

.layout-12 {
  height: 820px;
}
.layout-12 .project-header {
  top: 270px;
  text-align: right;
}
.layout-12 .project-description {
  width: 550px;
  position: absolute;
  right: 0px;
  top: 70px;
}
.layout-12 .project-image.image-1 {
  width: 330px;
  height: 260px;
  position: absolute;
  left: -30px;
  top: -53px;
}
.layout-12 .project-image.image-2, .layout-12 .project-image.image-3 {
  width: 175px;
  height: 100px;
  position: absolute;
  left: -30px;
}
.layout-12 .project-image.image-2 {
  top: 420px;
}
.layout-12 .project-image.image-3 {
  top: 540px;
}
.layout-12 .project-image.image-4 {
  position: absolute;
  width: 675px;
  height: 492px;
  right: -30px;
  bottom: -8px;
}

.layout-13 {
  height: 780px;
}
.layout-13 .project-header {
  width: 460px;
  top: 125px;
}
.layout-13 .project-description {
  width: 300px;
  right: 0px;
  top: 255px;
}
.layout-13 .project-description p {
  margin: 0px;
}
.layout-13 .project-image.image-1 {
  width: 590px;
  height: 460px;
  top: 210px;
  left: -30px;
}
.layout-13 .project-image.image-2 {
  width: 330px;
  height: 240px;
  top: -30px;
  right: -30px;
}
.layout-13 .project-image.image-3 {
  width: 210px;
  height: 270px;
  right: 0px;
  bottom: 0px;
}

.layout-14 {
  height: 760px;
}
.layout-14 .project-header {
  width: 357px;
  top: 220px;
  right: 0px;
}
.layout-14 .project-description {
  width: 335px;
  right: 22px;
  top: 319px;
}
.layout-14 .project-description p {
  margin: 0px;
}
.layout-14 .project-image.image-1 {
  width: 515px;
  height: 319px;
  top: -30px;
  left: -30px;
}
.layout-14 .project-image.image-2 {
  width: 132px;
  height: 200px;
  top: -12px;
  right: 0px;
}
.layout-14 .project-image.image-3 {
  width: 132px;
  height: 200px;
  top: -12px;
  right: 162px;
}
.layout-14 .project-image.image-4 {
  width: 410px;
  height: 268px;
  left: 10px;
  bottom: 105px;
}
.layout-14 .project-image.image-5 {
  width: 397px;
  height: 270px;
  bottom: -30px;
  right: 0px;
}

.layout-15 {
  height: 760px;
}
.layout-15 .project-header {
  width: 357px;
  top: 380px;
  left: 22px;
}
.layout-15 .project-description {
  width: 366px;
  left: 22px;
  bottom: 50px;
}
.layout-15 .project-description p {
  margin: 0px;
}
.layout-15 .project-image.image-1 {
  width: 534px;
  height: 348px;
  top: -30px;
  left: -30px;
}
.layout-15 .project-image.image-2 {
  width: 347px;
  height: 514px;
  top: -30px;
  right: -30px;
}
.layout-15 .project-image.image-3 {
  width: 310px;
  height: 215px;
  right: 132px;
  bottom: -30px;
}
.layout-15 .project-image.image-5 {
  width: 397px;
  height: 270px;
  bottom: -30px;
  right: 0px;
}

.layout-16 {
  height: 760px;
}
.layout-16 .project-header {
  width: 357px;
  top: 257px;
  right: 12px;
}
.layout-16 .project-description {
  width: 357px;
  right: 12px;
  bottom: 172px;
}
.layout-16 .project-description p {
  margin: 0px;
}
.layout-16 .project-image.image-1 {
  width: 222px;
  height: 336px;
  top: 10px;
  left: -30px;
}
.layout-16 .project-image.image-2 {
  width: 250px;
  height: 163px;
  top: 10px;
  left: 202px;
}
.layout-16 .project-image.image-3 {
  width: 250px;
  height: 163px;
  top: 183px;
  left: 202px;
}
.layout-16 .project-image.image-4 {
  width: 400px;
  height: 247px;
  top: -30px;
  right: -30px;
}
.layout-16 .project-image.image-5 {
  width: 168px;
  height: 252px;
  bottom: 50px;
  left: 25px;
}
.layout-16 .project-image.image-6 {
  width: 168px;
  height: 252px;
  bottom: 50px;
  left: 202px;
}
.layout-16 .project-image.image-7 {
  width: 249px;
  height: 165px;
  bottom: -30px;
  right: 229px;
}
.layout-16 .project-image.image-8 {
  width: 249px;
  height: 165px;
  bottom: -30px;
  right: -30px;
}

.layout-17 {
  height: 760px;
}
.layout-17 .project-header {
  width: 357px;
  top: 25px;
  left: 0px;
}
.layout-17 .project-description {
  width: 347px;
  left: 0px;
  bottom: 300px;
}
.layout-17 .project-description p {
  margin: 0px;
}
.layout-17 .project-image.image-1 {
  width: 283px;
  height: 220px;
  top: -30px;
  right: 190px;
}
.layout-17 .project-image.image-2 {
  width: 180px;
  height: 220px;
  top: -30px;
  right: 0px;
}
.layout-17 .project-image.image-3 {
  width: 525px;
  height: 386px;
  right: -30px;
  bottom: 50px;
}
.layout-17 .project-image.image-4 {
  width: 312px;
  height: 235px;
  bottom: -30px;
  left: -30px;
}

.layout-18 {
  height: 768px;
}
.layout-18 .project-header {
  width: 370px;
  right: 30px;
  top: 475px;
}
.layout-18 .project-description {
  width: 370px;
  right: 30px;
  bottom: 15px;
}
.layout-18 .image-1 {
  width: 474px;
  height: 320px;
  left: -30px;
  top: 40px;
}
.layout-18 .image-2 {
  width: 390px;
  height: 267px;
  right: 10px;
  top: -30px;
}
.layout-18 .image-3, .layout-18 .image-4 {
  width: 205px;
  height: 180px;
  top: 257px;
}
.layout-18 .image-3 {
  right: 195px;
}
.layout-18 .image-4 {
  right: -30px;
}
.layout-18 .image-5, .layout-18 .image-6 {
  bottom: 30px;
}
.layout-18 .image-5 {
  width: 190px;
  height: 255px;
  left: 25px;
}
.layout-18 .image-6 {
  width: 175px;
  height: 255px;
  left: 230px;
}

.layout-19 {
  height: 760px;
}
.layout-19 .image-1 {
  width: 386px;
  height: 270px;
  left: 10px;
  top: -30px;
}
.layout-19 .image-2, .layout-19 .image-3 {
  width: 236px;
  height: 173px;
  top: 30px;
}
.layout-19 .image-2 {
  top: 30px;
  right: 220px;
}
.layout-19 .image-3 {
  right: -30px;
}
.layout-19 .image-4 {
  width: 500px;
  height: 375px;
  bottom: 30px;
  left: -30px;
}
.layout-19 .image-5 {
  width: 360px;
  height: 250px;
  bottom: -30px;
  right: 0;
}
.layout-19 .project-header, .layout-19 .project-description {
  width: 360px;
  right: 0;
}
.layout-19 .project-header {
  top: auto;
  bottom: 390px;
}
.layout-19 .project-description {
  bottom: 245px;
}

.project-index {
  margin-top: 60px;
}
.project-index h4 {
  text-transform: uppercase;
  margin: 0px;
}

.project-index-grid {
  margin-top: 30px;
  margin-bottom: 60px;
  width: 100%;
  float: left;
}

.project-grid-item {
  height: 180px;
  width: calc(25% - 15px);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background-size: cover;
  position: relative;
  cursor: pointer;
}
.project-grid-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin: auto;
  text-decoration: none;
}
.project-grid-item h5 {
  line-height: auto;
  letter-spacing: 1px;
  font-size: 15px;
  width: 100%;
  margin: auto;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
  color: #383838;
  z-index: 99;
  opacity: 0;
  transition: opacity 300ms;
  -webkit-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
}
.project-grid-item:nth-of-type(4n) {
  margin-right: 0px;
}
.project-grid-item:not(.deselected):hover h5 {
  color: #FFF;
  opacity: 1;
}
.project-grid-item:not(.deselected):hover:after {
  opacity: 1;
}
.project-grid-item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: rgba(87, 27, 30, 0.8);
  opacity: 0;
  text-transform: uppercase;
  transition: opacity 300ms;
  -webkit-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
}
.project-grid-item.deselected:after {
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
}

.about-us {
  width: 100%;
  height: 1200px;
  position: relative;
  font-size: 12px;
}
.about-us .page-description {
  width: 574.5px;
}
.about-us .page-description h1 {
  margin: 0px 0px 10px 0px;
}
.about-us .page-description p {
  margin: 0px;
}
.about-us .honors-and-certifications {
  width: 320px;
  right: -10px;
  top: 190px;
  position: absolute;
}
.about-us .image-1 {
  width: 625px;
  height: 352.5px;
  left: -30px;
  top: 169px;
}
.about-us .image-2 {
  width: 150px;
  height: 165px;
  top: 4px;
  left: 595px;
}
.about-us .image-3 {
  width: 210px;
  height: 165px;
  right: -30px;
  top: 4px;
}
.about-us .image-4 {
  width: 335px;
  height: 165px;
  top: 549px;
}
.about-us .image-5 {
  width: 610px;
  height: 112.5px;
  top: 549px;
  right: -30px;
}
.about-us .image-6 {
  width: 335px;
  height: 300px;
  top: 740px;
}
.about-us .image-7 {
  width: 177px;
  height: 202.5px;
  right: 207px;
  top: 690px;
}
.about-us .image-8 {
  width: 177px;
  height: 202.5px;
  right: 0px;
  top: 690px;
}
.about-us .roberta-bio {
  top: 1055px;
  width: 335px;
  position: absolute;
}
.about-us .roberta-bio p {
  margin: 0px;
}
.about-us .rebecca-bio {
  width: 177px;
  right: 0px;
  position: absolute;
  top: 905px;
}
.about-us .rebecca-bio p {
  margin: 0px;
}
.about-us .justine-bio {
  width: 177px;
  right: 205px;
  position: absolute;
  top: 905px;
}
.about-us .justine-bio p {
  margin: 0px;
}
.about-us .current-team {
  width: 300px;
  top: 670px;
  right: 280px;
  position: absolute;
  line-height: 140%;
  font-style: italic;
}
.about-us .current-team h5 {
  font-size: 12px;
  margin: 10px 0px 0px 0px;
}
.about-us .current-team p {
  margin: 0px;
}

.category-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
.category-nav li {
  font-weight: normal;
  letter-spacing: 1px;
  list-style: none;
  text-transform: uppercase;
  cursor: pointer;
}
.category-nav li:hover {
  color: #571B1E;
}
.category-nav li:not(:last-child):after {
  content: "/";
  margin: 0 15px;
}
.category-nav li.selected {
  font-weight: bold;
  color: #571B1E;
}
.category-nav li a {
  text-decoration: none;
}