/*** WCAS Department specific CSS 

Core CSS file that can be modified on a departmental level.  Add any new styles (including media queries) here.

***/

/* fonts.com import for dev and live sites */

@import url("http://fast.fonts.com/cssapi/88a5971d-2433-4226-af51-2e173decd72f.css");


/* background pattern for all secondary main page headers */
h2 { 
    background: #4E2A84 url('../images/crimson-pattern-bg.png') repeat;
}

/* create a unique h2 class for the background image on each subfield page */
h2.archaeology-h2 { 
    background: url('') no-repeat;
}
h2.biological-h2 { 
    background: url('') no-repeat;
}
h2.cultural-h2 { 
    background: url('') no-repeat;
}
h2.linguistic-h2 { 
    background: url('') no-repeat;
}

/* edit only the color hex code (i.e. #123456) for each rule set so that they have identical colors */
#tools ul a:hover, #top-nav li:hover a, .home-news-date, h4 {
    color: #4E2A84;
}
#top-nav a.active {
    color: #aa7f2e;
}
#top-nav li li a:hover { /* keep this on separate line */
    color: #4E2A84 !important;
}
.search-form button {
    background: #aa7f2e;
}
.search-form button:before {
    border-color: transparent #aa7f2e transparent;
}
#page a:hover {
color: rgb(170, 127, 46);
}
#top-nav ul ul, #m-nav ul, #m-tools ul, #m-search .search-form {
    border-top: 5px solid #4E2A84;
}
.search-form button:hover, a.home-button:hover {
    background-color: #CCAD73;
}
.search-form button:hover:before {
    border-right-color: #CCAD73; /* Should match .search-form button:hover */
}
#left-nav {
    border-top: 10px solid #4E2A84;
}
#left-nav li li a:hover, #left-nav li li a.active {
    color: rgb(170, 127, 46);
}
#footer-wrap a, .rslides .caption .tease {
    color: #AA7F2E !important;
}
/* Update the bullet color */
#content ul li, #content-full ul li, .home-box-text ul li {
    background: url('../images/bullet.png') no-repeat 0 7px;
}
/* social media icons in footer */
/* 
#twitter {
    background:url('http://www.weinberg.northwestern.edu/common/images/icons/twitter-off.png') no-repeat;
}
#twitter:hover {
    background:url('http://www.weinberg.northwestern.edu/common/images/icons/twitter-on.png') no-repeat;
}
#youtube {
    background:url('http://www.weinberg.northwestern.edu/common/images/icons/youtube-off.png') no-repeat;
}
#youtube:hover {
    background:url('http://www.weinberg.northwestern.edu/common/images/icons/youtube-on.png') no-repeat;
}
*/
#give {
    background:url('') no-repeat;
}
#give:hover {
    background:url('') no-repeat;
}

/* Swap the column order below the slideshow */
@media screen and (min-width:801px) { 
    /* #home-left holds the two info boxes */
    #home-left {
        float: right;
        width: 58.59296%;
        margin-right: 0.6533%;
    }
    
    /* #home-right holds the News & Events */
    #home-right {
    /*    float: right;
        margin-right: 2.0101%; */
        width: 38.2362%%;
    }
    
    /* Flip the slideshow image and caption; also adjust the sizes */
    /* Ask Chris/Santina about this...the slideshow css is included after the
       department.css files, so I'm being overridden here. */
    .rslides img {
        float: left !important;
        width: 56.9472% !important;
    }
    
    .rslides .caption {
        float: right !important;
        width: 43.0528% !important;
    }
}

/* Handle the special case where the faculty profiles don't respond correctly
 * in the tablet view.
 */
 @media screen and (max-width:800px) { 
    #right-column > .home-box > .home-box-text {
        width: 100%;
    }
}

/* QSB masters landing page */

cross-columns {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: .5em;
    margin-bottom: 2em;
}
#cross-columns h4 {
    font-size: 18px;
}
#cross-columns img {
    margin-bottom: 1em;
}
#cross-columns h4+p {
    margin-top: -.5em;
}
#cross-left, #cross-mid, #cross-right {
    float: left;
    width: 28.65329% /* 200px / 698px */
}
#cross-mid, #cross-right {
    margin-left: 7.02005%; /* 49px / 698px */
}
.cross-text ul {
    margin-top: 1em !important;
}

/* QSB core faculty page table */

table.core-table td {
    vertical-align: top !important;
    padding: 0 10px 20px 0 !important;
}