/*** WCAS Department specific CSS Core CSS file that can be modified on a departmental level. Add any new styles (including media queries) here. ***/
/* graduate student profile page */
 .clear {
	 clear:both;
}
/*faculity profile publication section*/
 .publication-image {
	 float: left;
	 margin: 0 8px 0 0;
	 width: 80px;
}
 .directory-top {
	 margin: 1em 0;
	 height: 75px;
}
/*custom css for faqs */
 .accordion .header {
	 clear: both;
	 padding: 5px 0;
}
 .accordleft, .accordright {
	 float: left;
	 margin: 0 auto;
	 min-width: 338px;
}
 .accordleft {
	 padding-right: 10px;
}
 .accordleft .header>a, .accordright .header>a {
    display: block;
    margin: 0;
    background: url(https://common.northwestern.edu/v8/css/images/icons/arrow-right-dkpurple.svg) no-repeat 0.5rem center/8px 16px;
    padding: .5em 0 .5rem 2rem;    
 } 

 .header:not(:first-child) {
	 border-top: thin dotted #558201;
}
 .accordion .expand.list {
	 position: relative;
	 top: 2px;
	 display: inline-block;
	 float: left;
	 margin: 0 5px 5px 0;
}
 .expand {
	 position: relative;
	 top: 3px;
	 display: block;
	 background: url('/renderfile/7b00308e8169772400ecd8739f308454/images/icons/image_sprite.png');
	 background-position: 0px -192px;
	 width: 16px;
	 height: 16px;
	 margin: 0 auto;
	 cursor: pointer;
	 -moz-transition: none !important;
	 -webkit-transition: none !important;
	 transition: none !important;
}
 .expanded {
	 background-position: -16px -192px;
}
 #page .header dt {
	 color: #480058;
	 font-size: 18px;
	 font-weight: bold;
	 text-decoration: none;
	 cursor: pointer;
	 padding: 0 20px;
}
 #page .header dt:hover {
	 color: #20739E;
}
 #page div dd a {
 	 font-weight: normal !important;
}
.advisor-header {
	 border-top: thin dotted #558201;
	 margin-top: 20px;
}
 .hiddenContent {
	 height: auto;
	 width: auto;
}
/*change width for responsive table*/
 table.responsive {
	 table-layout: fixed;
	 width: 100% 
}
 table.responsive td, table.responsive th {
	 white-space: unset!important;
}
 table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
	 background-color: #00385b!important;
}
 .one {
	 background: background: #ad6f18;
	/* Old browsers */
	 background: -moz-linear-gradient(left, #ad6f18 0%, #cc841e 50%, #ad6f18 100%);
	/* FF3.6+ */
	 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ad6f18), color-stop(50%,#cc841e), color-stop(100%,#ad6f18));
	/* Chrome,Safari4+ */
	 background: -webkit-linear-gradient(left, #ad6f18 0%,#cc841e 50%,#ad6f18 100%);
	/* Chrome10+,Safari5.1+ */
	 background: -o-linear-gradient(left, #ad6f18 0%,#cc841e 50%,#ad6f18 100%);
	/* Opera 11.10+ */
	 background: -ms-linear-gradient(left, #ad6f18 0%,#cc841e 50%,#ad6f18 100%);
	/* IE10+ */
	 background: linear-gradient(to right, #ad6f18 0%,#cc841e 50%,#ad6f18 100%);
	/* W3C */
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e89', endColorstr='#005e89',GradientType=1 );
	/* IE6-9 */
	 margin-right: .8% 
	/* 6px / 583px */
}
 .two {
	 background: #4c315b;
	/* Old browsers */
	 background: -moz-linear-gradient(left, #401f68 0%, #4e2a84 50%, #401f68 100%);
	/* FF3.6+ */
	 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#401f68), color-stop(50%,#4e2a84), color-stop(100%,#401f68));
	/* Chrome,Safari4+ */
	 background: -webkit-linear-gradient(left, #401f68 0%,#4e2a84 50%,#401f68 100%);
	/* Chrome10+,Safari5.1+ */
	 background: -o-linear-gradient(left, #401f68 0%,#4e2a84 50%,#401f68 100%);
	/* Opera 11.10+ */
	 background: -ms-linear-gradient(left, #401f68 0%,#4e2a84 50%,#401f68 100%);
	/* IE10+ */
	 background: linear-gradient(to right, #401f68 0%,#4e2a84 50%,#401f68 100%);
	/* W3C */
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#401f68', endColorstr='#4c315b',GradientType=1 );
	/* IE6-9 */
	 margin-right: .8% 
	/* 6px / 583px */
}
 .three {
	 background: #930031;
	/* Old browsers */
	 background: -moz-linear-gradient(left, #930031 0%, #b3003c 50%, #930031 100%);
	/* FF3.6+ */
	 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#930031), color-stop(50%,#b3003c), color-stop(100%,#930031));
	/* Chrome,Safari4+ */
	 background: -webkit-linear-gradient(left, #930031 0%,#b3003c 50%,#930031 100%);
	/* Chrome10+,Safari5.1+ */
	 background: -o-linear-gradient(left, #930031 0%,#b3003c 50%,#930031 100%);
	/* Opera 11.10+ */
	 background: -ms-linear-gradient(left, #930031 0%,#b3003c 50%,#930031 100%);
	/* IE10+ */
	 background: linear-gradient(to right, #930031 0%,#b3003c 50%,#930031 100%);
	/* W3C */
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#930031', endColorstr='#930031',GradientType=1 );
	/* IE6-9 */
	 margin-right: .8%;
	/* 6px / 583px */
}
 .four {
	 background: background: #005e89;
	/* Old browsers */
	 background: -moz-linear-gradient(left, #005e89 0%, #007ab3 50%, #005e89 100%);
	/* FF3.6+ */
	 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#005e89), color-stop(50%,#007ab3), color-stop(100%,#005e89));
	/* Chrome,Safari4+ */
	 background: -webkit-linear-gradient(left, #005e89 0%,#007ab3 50%,#005e89 100%);
	/* Chrome10+,Safari5.1+ */
	 background: -o-linear-gradient(left, #005e89 0%,#007ab3 50%,#005e89 100%);
	/* Opera 11.10+ */
	 background: -ms-linear-gradient(left, #005e89 0%,#007ab3 50%,#005e89 100%);
	/* IE10+ */
	 background: linear-gradient(to right, #005e89 0%,#007ab3 50%,#005e89 100%);
	/* W3C */
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e89', endColorstr='#005e89',GradientType=1 );
	/* IE6-9 */
}
 .responsive-container {
	 height: 0;
	 overflow: hidden;
	 padding-bottom: 56.25%;
	 padding-top: 30px;
	 position: relative;
}
 .responsive-container iframe {
	 height: 100%;
	 left: 0;
	 position: absolute;
	 top: 0;
	 width: 100%;
}
 .email-img {
	 height: 20px;
	 margin: unset;
	 padding: unset;
	 vertical-align: -38%;
	 width: 20px;
}
/* removes the padding for the faculty listing*/
 .directory-vitals li {
	 padding-bottom: unset !important;
}
 @media screen and (max-width: 480px){
	 #footer-campaign {
		 float: none;
		 margin: 10px 10px 0 0;
	}
}
 @media screen and (max-width: 480px) {
	 #programs a {
		 height: auto;
		 padding: .5em 0 .5em .5em!important;
	}
}