/*** 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("https://web-archive.nli.org.il/National_Library/20160526010038cs_/http://fast.fonts.com/cssapi/14fc7463-bc7f-488e-baaa-8d9b82dfa82a.css");


/* background pattern for all secondary main page headers */
h2 { 
    background: #e9d37d url('/National_Library/20160526010038oe_/http://www.philosophy.northwestern.edu/images/blue-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: #236A84;
}
#top-nav li li a:hover { /* keep this on separate line */
    color: #236A84 !important;
}
#top-nav a.active {
    color: #236A84;
}
/*#page a:hover {
    color: #e9d37d;
}*/
#left-column ul li a:hover, #right-column ul li a:hover {
    color: #236A84;
}
#home-right a:hover {
    color: #236A84;
}
a.home-button:hover {
    background: #236A84;
}
#top-nav ul ul, #m-nav ul, #m-tools ul, #m-search .search-form {
    border-top: 5px solid #e9d37d;
}
#left-nav {
    border-top: 10px solid #e9d37d;
}
#left-nav li li a:hover, #left-nav li li a.active {
    color: #236A84;
}
.search-form button {
    background: #e9d37d;
}
.search-form button:before {
    border-color: transparent #e9d37d transparent;
}
/* search button hover hex color different from rest. match color with social-media-button-on.png */
.search-form button:hover, .search-form button:active, .search-form button:focus {  
    background: #ece582;
}
.search-form button:hover:before, .search-form button:focus:before, .search-form button:active:before {
    border-right-color: #ece582;
} 
/* bullet customization */
#content ul li, #content-full ul li, .home-box-text ul li {
    background: url('/National_Library/20160526010038oe_/http://www.philosophy.northwestern.edu/images/icons/canary.png') no-repeat 0 7px;
    padding-left: 1.3em;
    padding-bottom: .5em;
}
/* social media icons in footer */
/* 
#youtube {
    background:url('https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://www.weinberg.northwestern.edu/common/images/icons/youtube-off.png') no-repeat;
}
#youtube:hover {
    background:url('https://web-archive.nli.org.il/National_Library/20160526010038oe_/http://www.weinberg.northwestern.edu/common/images/icons/youtube-on.png') no-repeat;
}
*/
#twitter {
    background:url('/National_Library/20160526010038oe_/http://www.philosophy.northwestern.edu/images/icons/twitter-off.png') no-repeat;
}
#twitter:hover {
    background:url('/National_Library/20160526010038oe_/http://www.philosophy.northwestern.edu/images/icons/twitter-on.png') no-repeat;
}
#facebook {
    background:url('/National_Library/20160526010038oe_/http://www.philosophy.northwestern.edu/images/icons/facebook-off.png') no-repeat;
}
#facebook:hover {
    background:url('/National_Library/20160526010038oe_/http://www.philosophy.northwestern.edu/images/icons/facebook-on.png') no-repeat;
}
#give {
    background:url('/National_Library/20160526010038oe_/http://www.philosophy.northwestern.edu/images/icons/give-off.png') no-repeat;
}
#give:hover {
    background:url('/National_Library/20160526010038oe_/http://www.philosophy.northwestern.edu/images/icons/give-on.png') no-repeat;
}
#linkedin {
    background:url('/National_Library/20160526010038oe_/http://www.philosophy.northwestern.edu/images/icons/linkedin-off.png') no-repeat;
}
#linkedin:hover {
    background:url('/National_Library/20160526010038oe_/http://www.philosophy.northwestern.edu/images/icons/linkedin-on.png') no-repeat;
}
.clear{
 clear:both;   
}
/*footer customizations */
#footer-wrap a {
    color: #e9d37d;
    text-decoration: none;
}
#footer-images {
    width: 29%;
}
#programs {
    margin-bottom: 1.5em;
}

#programs a {
    padding: .5em 0 .5em .5em !important;
    height: auto !important;
    display: block;
    color: #fff;
    font-weight: normal;
    text-align: center;
}

#programs a:hover {
    color: #fff;
}

@media screen and (min-width: 800px) {
    .program-box {
        width: 19.35678% !important; /* 114px / 583px */
        float: left !important;
        height: 100px !important;
        font: 16px "Futura T W01 Demi", Arial, sans-serif !important;
    }
    
    #programs a {
        padding: 1.5em .5em 0 .5em !important;
        height: 100px !important;    display: block;
    }
}

.program-box {
    width: 100%;
    float: none;
    height: auto !important;
}
/* Put in custom program box colors here */
.four {
    margin-right: .8%
}
.five {
    background: #94347f;
    background: -moz-linear-gradient(top, rgba(125,46,108,1) 0%, rgba(148,52,127,1) 50%, rgba(125,46,108,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d2e6c), color-stop(50%,#94347f), color-stop (100%,#7d2e6c));
    background: -webkit-linear-gradient(top, #7d2e6c 0%,#94347f 50%,#7d2e6c 100%);
    background: -o-linear-gradient(top, rgba(125,46,108,1) 0%, rgba (148,52,127,1) 50%, rgba(125,46,108,1) 100%);
    background: -ms-linear-gradient(top, rgba(125,46,108,1) 0%, rgba (148,52,127,1) 50%, rgba(125,46,108,1) 100%);
    background: linear-gradient(to bottom, #7d2e6c 0%,#94347f 50%,#7d2e6c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f2e6d', endColorstr='#7f2e6d',GradientType=0 );
}