/* add custom site CSS here */

/* adjust title margin at top so site title doesn't run into upper navigation on desktop */
@media screen and (min-width: 1023px) {
    .site-header .title {
        margin-top: 45px;
    }
}


#home main, .landmarks .site-header {
    padding-top: 0px;
}

.landmarks .nav-secondary {
    top: 70px;
}


/* black and white for site header and primary navigation */
/* Purdue gold for navigation highlight */
@media only screen and (min-width: 1025px) {
  #branding-bar {
    margin-bottom: 0px;
    /* account for trident */
  }
}  

.site-header {
    background-color: #191919;
}

.site-header .title {
    color: #fff;
}

nav.main {
    background-color: #191919;
}

nav.main a {
    color: #A6A6A6;
    display: inline-block;
}

nav.main a.current:after, nav.main a:focus:after {
      background: #C28E0E; 
}

.nav-secondary span {
    color: #A6A6A6;
}

.site-header .title:hover {
    color: #98700D;
}

@media screen and (min-width: 64.0625em){
    nav.main.is-sticky {
        background-color: #191919;
    }
    nav.main.is-sticky li {
        border-left: 1px solid #191919;
    }
    nav.main.is-sticky a.current:after {
        background: #C28E0E;
    }
}

/* Purdue gold for accent color and button color in secondary panels */
div.bg-secondary div.panel:before {
    background: #C28E0E; 
}

div.bg-secondary div.panel a.button {
    border-color: #C28E0E;
    color: #191919;
    background-color: #C29E0E;
}

/* Purdue gold for ALL Interactive Panels */
.panel--interactive>a:focus, .panel--interactive>a:hover {
    background: #C28E0E;
    border-color: #C28E0E;
    color: #191919;
}



/* adding styles for area above footer */

.bg-mahogany, .mahogany .bg-secondary {
    background-color: #191919;
}

.border ul.social a:before {
    border-color: #C28E0E;
    color: #C28E0E;
}

.bg-mahogany ul.social a:focus:before, .bg-mahogany ul.social a:hover:before {
    background: #C28E0E;
    border-color: #C28E0E;
}
.filter.hide-labels .form-item-label labels label {
    display:block;
}

[name='parent'] > .custhid{
    display:none;
}

/* Fix social media block in Profile pages */
ul.social::after,ul.social::before{/* content:' '; */display:inline;}

/* Remove hypenation from panels and interactive panels */
.panel .title, .panel--interactive .title { hyphens: none;}

/* SPECIAL PURDUE OLD GOLD BACKGROUND SECTION */
.purdue-section {
    background-color: #C28E0E;
    color: #191919;
    text-align: right;
}

/* SKIRT FORMATTING FOR PURDUE OLD GOLD */
.skirt {
    background-color: #C28E0E;
    color: black;
}

div.skirt a.button {
    border-color: #C28E0E;
    color: #191919;
    background-color: #EDEBEB;
}

@media screen and (min-width: 40em){
    .skirt-nav {
        left: 0%;
        width: 100%;
    }
}

.skirt-nav {
    margin: 0 5px 24px;
}

.skirt-nav .right-align {
    text-align: right;
}

/* Creating a class for formatting adjunct photos similar to faculty/staff photos */
div.adjunctimage {
    display: flex;
    justify-content: center;
}