/* back to top button */
 .cd-top {
          display: inline-block;
          height: 40px;
          width: 40px;
          position: fixed;
          bottom: 100px;
          right: 10px;
          z-index: 10;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          /* image replacement properties */
          overflow: hidden;
          text-indent: 100%;
          white-space: nowrap;
          background: rgba(30, 0, 52, 0.8) url('//www.medill.northwestern.edu/_internal/base_assets/img/cd-top-arrow.svg') no-repeat center 50%;
          visibility: hidden;
          opacity: 0;
          -webkit-transition: opacity .3s 0s, visibility 0s .3s;
          -moz-transition: opacity .3s 0s, visibility 0s .3s;
          transition: opacity .3s 0s, visibility 0s .3s;
        }
        .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
          -webkit-transition: opacity .3s 0s, visibility 0s 0s;
          -moz-transition: opacity .3s 0s, visibility 0s 0s;
          transition: opacity .3s 0s, visibility 0s 0s;
        }
        .cd-top.cd-is-visible {
          /* the button becomes visible */
          visibility: visible;
          opacity: 1;
        }
        .cd-top.cd-fade-out {
          /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
          opacity: .5;
        }
        .no-touch .cd-top:hover {
          background-color: #1e0034;
          opacity: 1;
        }
        @media only screen and (min-width: 768px) {
          .cd-top {
            right: 20px;
            bottom: 20px;
          }
        }
        @media only screen and (min-width: 1024px) {
          .cd-top {
            height: 60px;
            width: 60px;
            right: 30px;
            bottom: 30px;
          }
        }
/* end back top top */
 
 /* this custom css is for apply button in the footer */
.social {margin-top: 1rem;}
.apply_btn {
    font: 15px Akkurat Pro Regular,Arial,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding: .3rem 1rem;
    border: 1px solid #4e2a84;
    background: #fff;
    border-radius: .5rem;
    transition: all .15s ease-in-out;
    color: #4e2a84!important;
    background-image: none!important;
    margin-top: 1rem;
    margin-right: .5rem;
    text-decoration: none;
}
.apply_btn a {
    text-decoration: none !important;
}



/* this custom css is for directory pages */


.standard-page p+h4, .standard-page p+h6 {

margin-top:0px;
margin-bottom:10px;
}

.photo-box h6 {
 margin-bottom:6px;
}

.photo-box p.link{
    font: 16px Akkurat Pro Regular,Arial,sans-serif;
    font-weight:bold;
    color: #4e2a84 !important;
    background-image:none;
    text-decoration:none !important;
    margin-bottom:10px;
}

.photo-box h6 {
    font: 13px Akkurat Pro Regular,Arial,sans-serif;
    color: #342f2e;
}
.photo-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1.5rem; }
.photo-grid article {
    width: 18%;
    margin-right: 2.78571%;
    margin-bottom: 20px;
    float: left;
    line-height: 1.5rem; }

.photo-grid article h4 {
      font: 16px "Akkurat Pro Bold", "Arial Black", sans-serif;
      color: #342f2e;
      margin: 1rem 0 0 0; }
.photo-grid article h4 + p {
      margin-top: .5rem; }
 .photo-grid article p.link {
      font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
      text-transform: uppercase; }
.photo-grid article p.link:after {
        background: none;
        padding-right: 3rem;
        content: " "; }
@media screen and (max-width: 768px) {
.photo-grid article {
    width: 48.5%;
    max-width: 265px;
    margin-right: 3%; }
.photo-grid article:nth-of-type(2n+2) {
      margin-right: 0; } }
@media screen and (max-width: 475px) {
.photo-grid article {
    width: 100%; } }



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

.standard-page .content-full {
   clear: both;
}
}