/*** 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://fast.fonts.com/cssapi/3676f999-83ae-436f-a26c-1299c5f1b999.css");


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

/* create a unique h2 class for the background image on each program area page */
h2.brain-h2 { 
    background: url('../images/program-headers/brain-hd.jpg') no-repeat;
}
h2.clinical-h2 { 
    background: url('../images/program-headers/clinical-hd.jpg') no-repeat;
}
h2.cognitive-h2 { 
    background: url('../images/program-headers/cognitive-hd.jpg') no-repeat;
}
h2.personality-h2 { 
    background: url('../images/program-headers/personality-hd.jpg') no-repeat;
}
h2.social-h2 { 
    background: url('../images/program-headers/social-hd.jpg') no-repeat;
}

/* change to global css to make banner text fit on program area landing pages */
#page h2.subfield-h2 {
    font: 38px "Futura T W01 Book", "Futura Plus W08 Book", Arial, sans-serif;
}

/* 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: #c1a50e;
}
#top-nav li li a:hover { /* keep this on separate line */
    color: #c1a50e !important;
}
#page a:hover, a.home-button:hover, .rslides .caption .tease, #top-nav a.active, #footer-wrap a {
    color: #c1a50e;
}
.rslides .caption .tease {
    color: #c1a50e !important;
}
.search-form button {
    background: #8d7e29;
}
.search-form button:before {
    border-color: transparent #8d7e29 transparent;
}
.search-form button:hover {
    background: #c1a50e;
}
.search-form button:hover:before {
    border-color: transparent #c1a50e transparent;
}
#top-nav ul ul, #m-nav ul, #m-tools ul, #m-search .search-form {
    border-top: 5px solid #c1a50e;
}
#left-nav {
    border-top: 10px solid #2e3c85;
}
#left-nav li li a:hover, #left-nav li li a.active {
    color: #c1a50e;
}
#left-nav li li li:hover, #left-nav li li li.selected {
    color: #c1a50e;
}


/* Home page program areas -- these styles override weinberg.css */

#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;
}

@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;
}

.one {
    background: rgb(125,36,68); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(125,36,68,1) 0%, rgba(163,47,89,1) 50%, rgba(125,36,68,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,47,89,1)), color-stop(50%,rgba(99,124,189,1)), color-stop(100%,rgba(125,36,68,1)));
    background: -webkit-linear-gradient(top,  rgba(125,36,68,1) 0%,rgba(163,47,89,1) 50%,rgba(125,36,68,1) 100%);
    background: -o-linear-gradient(top,  rgba(125,36,68,1) 0%,rgba(163,47,89,1) 50%,rgba(125,36,68,1) 100%);
    background: -ms-linear-gradient(top,  rgba(125,36,68,1) 0%,rgba(163,47,89,1) 50%,rgba(125,36,68,1) 100%);
    background: linear-gradient(to bottom,  rgba(125,36,68,1) 0%,rgba(163,47,89,1) 50%,rgba(125,36,68,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d2444', endColorstr='#7d2444',GradientType=0 );
    margin-right: .8%; /* 6px / 583px */
}
.two {
    background: rgb(76,95,145); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(76,95,145,1) 0%, rgba(99,124,189,1) 50%, rgba(76,95,145,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,95,145,1)), color-stop(50%,rgba(99,124,189,1)), color-stop(100%,rgba(76,95,145,1)));
    background: -webkit-linear-gradient(top,  rgba(76,95,145,1) 0%,rgba(99,124,189,1) 50%,rgba(76,95,145,1) 100%);
    background: -o-linear-gradient(top,  rgba(76,95,145,1) 0%,rgba(99,124,189,1) 50%,rgba(76,95,145,1) 100%);
    background: -ms-linear-gradient(top,  rgba(76,95,145,1) 0%,rgba(99,124,189,1) 50%,rgba(76,95,145,1) 100%);
    background: linear-gradient(to bottom,  rgba(76,95,145,1) 0%,rgba(99,124,189,1) 50%,rgba(76,95,145,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5f91', endColorstr='#4c5f91',GradientType=0 );
    margin-right: .8%; /* 6px / 583px */
}
.three {
    background: rgb(115,43,99); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(115,43,99,1) 0%, rgba(148,52,127,1) 50%, rgba(115,43,99,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115,43,99,1)), color-stop(50%,rgba(148,52,127,1)), color-stop(100%,rgba(115,43,99,1)));
    background: -webkit-linear-gradient(top,  rgba(115,43,99,1) 0%,rgba(148,52,127,1) 50%,rgba(115,43,99,1) 100%);
    background: -o-linear-gradient(top,  rgba(115,43,99,1) 0%,rgba(148,52,127,1) 50%,rgba(115,43,99,1) 100%);
    background: -ms-linear-gradient(top,  rgba(115,43,99,1) 0%,rgba(148,52,127,1) 50%,rgba(115,43,99,1) 100%);
    background: linear-gradient(to bottom,  rgba(115,43,99,1) 0%,rgba(148,52,127,1) 50%,rgba(115,43,99,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#732b63', endColorstr='#732b63',GradientType=0 );
    margin-right: .8% /* 6px / 583px */
}
.four {
    background: rgb(23,73,17); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(23,73,17,1) 0%, rgba(32,100,24,1) 50%, rgba(23,73,17,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(23,73,17,1)), color-stop(50%,rgba(32,100,24,1)), color-stop(100%,rgba(23,73,17,1)));
    background: -webkit-linear-gradient(top,  rgba(23,73,17,1) 0%,rgba(32,100,24,1) 50%,rgba(23,73,17,1) 100%);
    background: -o-linear-gradient(top,  rgba(23,73,17,1) 0%,rgba(32,100,24,1) 50%,rgba(23,73,17,1) 100%);
    background: -ms-linear-gradient(top,  rgba(23,73,17,1) 0%,rgba(32,100,24,1) 50%,rgba(23,73,17,1) 100%);
    background: linear-gradient(to bottom,  rgba(23,73,17,1) 0%,rgba(32,100,24,1) 50%,rgba(23,73,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#174911', endColorstr='#174911',GradientType=0 );
    margin-right: .8% /* 6px / 583px */
}
.five {
    background: rgb(173,111,24); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(173,111,24,1) 0%, rgba(204,132,30,1) 50%, rgba(173,111,24,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,111,24,1)), color-stop(50%,rgba(204,132,30,1)), color-stop(100%,rgba(173,111,24,1)));
    background: -webkit-linear-gradient(top,  rgba(173,111,24,1) 0%,rgba(204,132,30,1) 50%,rgba(173,111,24,1) 100%);
    background: -o-linear-gradient(top,  rgba(173,111,24,1) 0%,rgba(204,132,30,1) 50%,rgba(173,111,24,1) 100%);
    background: -ms-linear-gradient(top,  rgba(173,111,24,1) 0%,rgba(204,132,30,1) 50%,rgba(173,111,24,1) 100%);
    background: linear-gradient(to bottom,  rgba(173,111,24,1) 0%,rgba(204,132,30,1) 50%,rgba(173,111,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad6f18', endColorstr='#ad6f18',GradientType=0 );
}

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

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