/*** 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("//fast.fonts.net/cssapi/88a5971d-2433-4226-af51-2e173decd72f.css");


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

/* create a unique h2 class for the background image on each subfield page */
/* so far only used on Anthropology site:
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: #e3c450;
}
#top-nav li li a:hover { /* keep this on separate line */
    color: #e3c450 !important;
}
#top-nav a.active {
    color: #e3c450;
}
#page a:hover {
    color: #e3c450;
}
a.home-button:hover {
    background: #e3c450;
}
#top-nav ul ul, #m-nav ul, #m-tools ul, #m-search .search-form {
    border-top: 5px solid #e3c450;
}
#left-nav {
    border-top: 10px solid #e3c450;
}
#left-nav li li a:hover, #left-nav li li a.active {
    color: #e3c450;
}
/* search button customizations */
.search-form button {
    background: #e3c450;
}
.search-form button:before {
    border-color: transparent #e3c450 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: #f6d96e;
}
.search-form button:hover:before, .search-form button:focus:before, .search-form button:active:before {
    border-right-color: #f6d96e;
} 

/* bullet customization */
#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;
}

/*footer customizations */
#footer-wrap a {
    color: #e3c450;
    text-decoration: none;
}

/* social media icons in footer, uncomment what you need */
#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;
}
/* 
#twitter {
    background:url('https://www.weinberg.northwestern.edu/common/images/icons/twitter-off.png') no-repeat;
}
#twitter:hover {
    background:url('https://www.weinberg.northwestern.edu/common/images/icons/twitter-on.png') no-repeat;
}
#youtube {
    background:url('https://www.weinberg.northwestern.edu/common/images/icons/youtube-off.png') no-repeat;
}
#youtube:hover {
    background:url('https://www.weinberg.northwestern.edu/common/images/icons/youtube-on.png') no-repeat;
}
#linkedin {
    background:url('') no-repeat;
}
#linkedin:hover {
    background:url('') no-repeat;
}
*/
.clear{
 clear:both;   
}

/* Edit the program boxes */
.program-box {
 /* width: 32.16666%; */ /* 3 program boxes */
    width: 24.35678%; /* 142px / 583px */ /* 4 program boxes */
 /* width: 19.35678% !important; */ /* 114px / 583px */ /* 5 program boxes */
    float: left;
    height: 100px;
    font: 16px "Futura T W01 Demi", "Futura Plus W08 Demi", Arial, sans-serif;
}
#programs a {
    display: block;
    height: 100px !important;
    color: #fff;
    padding: 1.5em 0.5em 0 .5em !important;
    font-weight: normal;
    text-align: center;
}
#programs a:hover {
    color: #fff;
}
/* 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 );
}