/*** 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/14fc7463-bc7f-488e-baaa-8d9b82dfa82a.css");


/* background pattern for all secondary main page headers */
h2 { 
    background: #527b91 url('../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: #527b91;
}
#top-nav li li a:hover { /* keep this on separate line */
    color: #527b91 !important;
}
#top-nav a.active {
    color: #527b91;
}
#page a:hover {
    color: #527b91;
}
a.home-button:hover {
    background: #527b91;
}
.search-form button {
    background: #8dcff2;
}
.search-form button:before {
    border-color: transparent #8dcff2 transparent;
}
.search-form button:hover, .search-form button:active, .search-form button:focus {  
    background: #b1e3fe;
}
.search-form button:hover:before, .search-form button:focus:before, .search-form button:active:before {
    border-right-color: #b1e3fe;
} 
#top-nav ul ul, #m-nav ul, #m-tools ul, #m-search .search-form {
    border-top: 5px solid #8dcff2;
}
#left-nav {
    border-top: 10px solid #527b91;
}
#left-nav li li a:hover, #left-nav li li a.active {
    color: #527b91;
}
#content ul li, #content-full ul li, .home-box-text ul li {
    background: url('../images/icons/bullet.png') no-repeat 0 7px;
    padding-left: 1.3em;
    padding-bottom: .5em;
}
#content form input[type="submit"]:hover {
    background: #527b91;
}
/*footer customizations */
#footer-wrap a {
    color: #8dcff2;
    text-decoration: none;
}

/* 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;
}
#facebook {
    background:url('../images/icons/facebook-off.png') no-repeat;
}
#facebook:hover {
    background:url('../images/icons/facebook-on.png') no-repeat;
}
*/
#give {
    background:url('../images/icons/give-off.png') no-repeat;
}
#give:hover {
    background:url('../images/icons/give-on.png') no-repeat;
}
#linkedin {
    background:url('../images/icons/linkedin-off.png') no-repeat;
}
#linkedin:hover {
    background:url('../images/icons/linkedin-on.png') no-repeat;
}
#twitter {
    background:url('../images/icons/twitter-off.png') no-repeat;
}
#twitter:hover {
    background:url('../images/icons/twitter-on.png') no-repeat;
}
.clear{
 clear:both;   
}

/* Edit the program boxes */
/* Put in custom program box colors here */
.one {
    background: #89274a;
   /* background: -moz-linear-gradient(top, rgba(99,124,189,1) 0%, rgba(84,105,160,1) 50%, rgba(99,124,189,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#637cbd), color-stop(50%,#5469a0), color-stop(100%,#637cbd));
    background: -webkit-linear-gradient(top, #5469a0 0%,#637cbd 50%,#5469a0 100%);
    background: -o-linear-gradient(top, rgba(99,124,189,1) 0%, rgba(84,105,160,1) 50%, rgba(99,124,189,1) 100%);
    background: -ms-linear-gradient(top, rgba(99,124,189,1) 0%, rgba(84,105,160,1) 50%, rgba(99,124,189,1) 100%);
    background: linear-gradient(to bottom, #5469a0 0%,#637cbd 50%,#5469a0 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89274a', endColorstr='#89274a',GradientType=0 ); 
} 
.two {
    background: #53689e;
 /*   background: -moz-linear-gradient(top, rgba(26,82,19,1) 0%, rgba(32,100,24,1) 50%, rgba(26,82,19,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#206418), color-stop(50%,#1a5213), color-stop(100%,#206418));
    background: -webkit-linear-gradient(top, #1a5213 0%,#206418 50%,#1a5213 100%);
    background: -o-linear-gradient(top, rgba(26,82,19,1) 0%,rgba(32,100,24,1) 50%,rgba(26,82,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(26,82,19,1) 0%,rgba(32,100,24,1) 50%,rgba(26,82,19,1) 100%);
    background: linear-gradient(to bottom, #1a5213 0%,#206418 50%,#1a5213 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53689e', endColorstr='#53689e',GradientType=0 ); 
}
.three {
    background: #7d2e6b;
 /*   background: -moz-linear-gradient(top, rgba(183,118,26,1) 0%, rgba(204,132,30,1) 50%, rgba(183,118,26,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc841e), color-stop(50%,#b7761a), color-stop(100%,#cc841e));
    background: -webkit-linear-gradient(top, #b7761a 0%,#cc841e 50%,#b7761a 100%);
    background: -o-linear-gradient(top, rgba(183,118,26,1) 0%,rgba(204,132,30,1) 50%,rgba(183,118,26,1) 100%);
    background: -ms-linear-gradient(top, rgba(183,118,26,1) 0%,rgba(204,132,30,1) 50%,rgba(183,118,26,1) 100%);
    background: linear-gradient(to bottom, #b7761a 0%,#cc841e 50%,#b7761a 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d2e6b', endColorstr='#7d2e6b',GradientType=0 );
}
.four {
    background: #1a5113;
  /*  background: -moz-linear-gradient(top, rgba(183,118,26,1) 0%, rgba(204,132,30,1) 50%, rgba(183,118,26,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc841e), color-stop(50%,#b7761a), color-stop(100%,#cc841e));
    background: -webkit-linear-gradient(top, #b7761a 0%,#cc841e 50%,#b7761a 100%);
    background: -o-linear-gradient(top, rgba(183,118,26,1) 0%,rgba(204,132,30,1) 50%,rgba(183,118,26,1) 100%);
    background: -ms-linear-gradient(top, rgba(183,118,26,1) 0%,rgba(204,132,30,1) 50%,rgba(183,118,26,1) 100%);
    background: linear-gradient(to bottom, #b7761a 0%,#cc841e 50%,#b7761a 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a5113', endColorstr='#1a5113',GradientType=0 );
}
#programs a {
           /* padding: 1.5em .5em 0 .5em;important;*/
            text-align: center!important;
            padding-left:.5em;
        }
#programs a:hover {
            color: #FFFFFF!important;
            text-decoration: underline!important;
        }