@charset "UTF-8";
/* CSS Document */

/*
 Plugin Name:  JSIS Custom
 Theme URI:    http:/jsis.washington.edu/
 Description:  Jackson School Customization for University of Washington theme
 Author:       Jeremy Pritchard
 Author URI:   http://jsis.washington.edu/
 Template:     uw-2014-master
 Version:      0.8
 Text Domain:  uw-2014-child
*/

.people-name {margin-bottom: 0px !important; }
.see-more {margin-top: 25px;}

.job-title {margin-top: 0px; margin-bottom: 29px; } 
.job-sub-titles { font-family: "Encode Sans Compressed", sans-serif; font-weight: normal; font-size: 18px; padding-left: 10px;}

.profile-picture {display: block; float: left; margin-right: 4%; margin-bottom: 29px; width: 31%; overflow: hidden; }
.profile-picture img { width: 100%; max-width: 263px; height: auto; }

.profile-details {display: block; float: left; margin-bottom: 29px; width: 65%; max-width: 457px; text-wrap: normal; word-wrap: break-word;  }
.profile-details ul, .contact-list {padding-left: 0px; margin: 0px 0px 0px 0px; }
.profile-details ul li, .contact-list li {list-style-type: none; margin: 0px 0px 5px 0px; padding-left: 50px; }
.profile-details h3 { font-size: 20px; margin-bottom: 10px; margin-top: 14.5px; }
.profile-details h3:first-of-type {margin-top: 0px; }


.info-box ul li {margin: 0px 0px 10px 0px;}

.info-box .uw-btn, .widget-button {margin-top: 20px; margin-bottom: 0px; }

.fullwidth { max-width: 100%; }


.profile-title { margin-top: 0; }

.profile-details ul li:last-child {margin: 0px 0px 0px 0px; }

.profile-sep, .clear-sep {clear: both; display: block; width: 100%;}

.php-block {display: block; box-sizing: border-box; }

.profile-section { display: block; margin-bottom: 29px; }
.profile-section h3 { margin-top: 0; }

.profile-about { display: block; margin-bottom: 29px; }
.profile-about iframe {margin-top: 0; }


/* Archive Profile Details */

.arch-profile-details ul {padding-left: 0px; margin: 0px 0px 0px 0px; }
.arch-profile-details ul li {list-style-type: none; display: inline-block; margin: 0px 0px 5px 0px; padding-left: 35px; margin-right: 20px;}

.archive-people {display: block; float: left; width: 100%; max-width: 750px; }
.archive-people ul {padding-left: 0px; margin: 0px 0px 0px 0px; }
.archive-people ul li {list-style-type: none; display: inline-block; float: left; margin: 0px 7px 14px 7px; width: 135px; padding: 0px; vertical-align: top; height: 200px; position: relative; overflow: hidden;       }
.archive-people ul li:hover , .archive-people ul li:hover .people-deet, .archive-people ul li a:focus .people-deet {background: #b7a57a; 	
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s; }


.archive-people ul li img { width: 135px; height: auto; }
.archive-people ul li .people-deet {display: block; position: absolute; bottom: 0px; left: 0px; color: #ffffff; background: #4b2e83; padding: 10px 10px 10px 10px; width: 135px; overflow:hidden; line-height: 16px; }
.archive-people ul li h4 {  margin-top: 0px; margin-bottom: 0px; font-size: 15px;  }
.archive-people ul li .job-title { font-size: 12px; line-height: 16px; margin-top: 5px; margin-bottom: 0px; color: #e9e9e9; }
.archive-people ul li .people-deet .deet-name, .archive-people ul li .people-deet h3 {margin-top: 0px; margin-bottom: 0px; font-family: 'Encode Sans Compressed', sans-serif; font-size: 15px; font-weight: bold;  line-height: 16px; }


/* Archive People - Full Width */
.col-md-12 .archive-people, .col-md-12 .course-list {display: block; width: 100%; max-width: 750px; }
.col-md-12 .archive-people ul {padding-left: 0px; margin: 0px 0px 0px 0px; }
.col-md-12  .archive-people ul li {list-style-type: none; display: inline-block; float: left; margin: 0px 7px 14px 0px; width: 142px; padding: 0px; vertical-align: top; height: 220px; position: relative; }
.col-md-12  .archive-people ul li:hover , .col-md-12 .archive-people ul li:hover .people-deet {background: #b7a57a; 	
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s; }

.col-md-12  .archive-people ul li img { width: 142px; height: auto; }
.col-md-12  .archive-people ul li .people-deet {display: block; position: absolute; bottom: 0px; left: 0px; color: #ffffff; background: #4b2e83; padding: 10px 10px 10px 10px; width: 142px; overflow:hidden; }
.col-md-12  .archive-people ul li h4 {  margin-top: 0px; margin-bottom: 0px; font-size: 15px;  }
.col-md-12  .archive-people ul li .job-title { font-size: 12px; line-height: 16px; margin-top: 3px; margin-bottom: 0px; color: #e9e9e9; }
.col-md-12  .archive-people .uw-btn {margin-top: 25px; }
.col-md-12 .topbox {margin-top: 29px; }


.col-md-12 .no-prog {max-width: 100%; border-bottom: 1px solid #EBEBEB; clear: both; width: 100%; display: block; float: none; }

.col-md-12 .no-prog ul {padding-left: 0.7%; padding-right: 0.7%; margin: 0px 0px 0px 0px; }
.col-md-12 .no-prog ul li {list-style-type: none; display: inline-block; float: left; margin: 0px 0.5% 14px 0.5%; width: 13.25%; padding: 0px; vertical-align: top; height: 188px; position: relative; overflow: hidden;       }
.col-md-12 .no-prog ul li:hover , .col-md-12 .no-prog ul li:hover .people-deet {background: #b7a57a; 	
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s; }

.col-md-12 .no-prog ul li img { width: 100%; height: auto; }
.col-md-12 .no-prog ul li .people-deet {display: block; position: absolute; bottom: 0px; left: 0px; color: #ffffff; background: #4b2e83; padding: 10px 10px 10px 10px; width: 100%; overflow:hidden; }
.col-md-12 .no-prog ul li h4 {  margin-top: 0px; margin-bottom: 0px; font-size: 15px;  }
.col-md-12 .no-prog ul li .job-title { font-size: 12px; line-height: 16px; margin-top: 3px; margin-bottom: 0px; color: #e9e9e9; }


.textwidget .archive-people {display: block; float: left; width: 100%; max-width: 750px; }
.textwidget .archive-people ul {padding-left: 0px; margin: 0px 0px 0px 0px; }
.textwidget .archive-people ul li {list-style-type: none; display: inline-block; float: left; margin: 0px 7px 14px 7px; width: 43%; padding: 0px; vertical-align: top; height: 188px; position: relative; overflow: hidden;       }
.textwidget .archive-people ul li:hover, .textwidget .archive-people ul li:hover .people-deet {background: #b7a57a; 	
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s; }

.textwidget .archive-people ul li img { width: 100%; height: auto; }
.textwidget .archive-people ul li .people-deet {display: block; position: absolute; bottom: 0px; left: 0px; color: #ffffff; background: #4b2e83; padding: 10px 10px 10px 10px; width: 100%; overflow:hidden; }
.textwidget .archive-people ul li h4 {  margin-top: 0px; margin-bottom: 0px; font-size: 15px;  }
.textwidget .archive-people ul li .job-title { font-size: 12px; line-height: 16px; margin-top: 3px; margin-bottom: 0px; color: #e9e9e9; }
.textwidget .archive-people ul li .people-deet .deet-name {margin-top: 0px; margin-bottom: 0px; font-family: 'Encode Sans Compressed', sans-serif; font-size: 15px; font-weight: bold;  line-height: 16px; display: block; }

.mb-30 {margin-bottom: 30px; }

/* Archive Publications - Full Width */
.archive-publications ul {padding-left: 4px; margin: 0px 0px 0px 0px; }
.archive-publications ul li {list-style-type: none; display: inline-block; margin: 0px 0px 6px 0px; margin-right: 14.5px; width: 144px; padding: 10px; }
.archive-publications ul li img {width: 144px; height: auto; }
.archive-publications ul li:hover, .profile-publications ul li:hover { -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.archive-publications ul li:hover img, .profile-publications ul li:hover img { -moz-box-shadow: 0px 0px 5px 1px #999; -webkit-box-shadow: 0px 0px 5px 1px #999; box-shadow: 0px 0px 5px 1px #999; }
.archive-publications ul li:hover h4, .profile-publications ul li:hover h4 {text-decoration: underline; }
.archive-publications ul li h4, .profile-publications ul li h4 {font-size: 14px; margin-top: 0px; margin-bottom: 5px; }
.archive-publications ul li p, .profile-publications ul li p {font-size: 12px; line-height: 16px; margin-bottom: 0px; }
.archive-publications ul li a, .profile-publications ul li a {display: block; height: auto; }
.archive-publications ul li a:hover, .archive-publications ul li a:focus, .profile-publications ul li a:hover, .profile-publications ul li a:focus {border-top: none; border-bottom: none; }

.archive-publications .pub-sub-head, .profile-publications .pub-sub-head  {font-weight: bold; margin-top: 10px; }
.archive-publications .book-cover, .profile-publications .book-cover { vertical-align: text-bottom; margin-bottom: 7px; display: inline-block; }
.archive-publications .people-deet, .profile-publications .people-deet { vertical-align: text-top; display: inline-block; }

/* Archive Column */
.archive-column {display: block; float: left; width: 320px; }


/* Archive Program List */
.archive-leftbox {display: block; float: left; width: 100%; height: 100%; margin-top: 0px; padding-left: 29px; padding-bottom: 29px; padding-right: 29px; background: #f5f5f5; border-top: 3px solid #4b2e83; }
.archive-rightbox {display: block; float: left; width: 100%; height: 100%; margin-top: 0px; margin-bottom: 29px; padding-left: 29px; padding-bottom: 29px; padding-right: 29px; background: #f5f5f5; border-top: 5px solid #4b2e83; }

.leftbox { margin-right: 60px; margin-top: 0px; margin-left: 0px;}
.rightbox { margin-right: 0px; margin-top: 0px; margin-left: 60px;}

.archive-leftbox ul, .archive-rightbox ul { padding-left: 0; margin-bottom: 0px; }
.archive-leftbox ul li, .archive-rightbox ul li { display: block; list-style-type: none; margin-bottom: 10px;  border-bottom: #fff solid 1px; }
.archive-leftbox ul li:last-child, .archive-rightbox ul li:last-child { border-bottom: none;}
.archive-leftbox ul li a, .archive-rightbox ul li a { display: block; padding-bottom: 10px; }
.archive-leftbox ul li a:hover, .archive-leftbox ul li a:focus, .archive-rightbox ul li a:hover, .archive-rightbox ul li a:focus { border-bottom: none; text-decoration: underline; }
.archive-date, .archive-rightbox .job-title, .archive-date, .archive-leftbox .job-title { font-size: 14px; margin-bottom: 0px; } 
.archive-button {margin-right: 0px !important; margin-bottom: 0px !important; }

.col-md-12 .course-list {display: block; float: left; width: 100%; max-width: 750px; }

/* People Page Category Sorting */
.people-sorting { display: block; }
.people-sorting ul, .regions-themes ul {padding: 0 0 0 0; }
.people-sorting ul li, .regions-themes ul li { list-style-type: none; display: inline-block; margin-right: 5px; margin-bottom: 5px; }
.people-sorting ul li a:hover, .regions-themes ul li a:hover { border: 1px solid #b7a57a; }
.people-sorting ul li a, .regions-themes ul li a {float: left; border: 1px solid #0088dd; padding: 3px 10px; }


.people-template ul {padding-left: 0px; margin: 0px 0px 0px 0px; }
.people-template ul li {list-style-type: none; display: inline-block; float: left; margin: 0px 1% 28px 1%; width: 18%; padding: 0px; vertical-align: top; height: 250px; position: relative; overflow: hidden; }

.people-template ul li:hover, .people-template ul li a:focus, .people-template ul li:hover .people-deet, .people-template ul li a:focus .people-deet {background: #b7a57a; 	
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s; 
	border-bottom: none;
	}
	
.people-template ul li a {display: block; }	

.people-template ul li img { width: 100%; height: auto; }
.people-template ul li .people-deet {display: block; position: absolute; bottom: 0px; left: 0px; color: #ffffff; background: #4b2e83; padding: 10px 15px 10px 15px; width: 100%; overflow:hidden; pointer-events: none; }

.people-template ul li h3, .people-template ul li .deet-name { display: block; font-family: 'Encode Sans Compressed', sans-serif; font-weight: bold; line-height: 23.4px; margin-top: 0px; margin-bottom: 0px; font-size: 18px; width: 100%;  }


.people-template ul li .job-title { font-size: 12px; line-height: 16px; margin-top: 3px; margin-bottom: 0px; color: #e9e9e9; display: block; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: normal; pointer-events: none; }

/* People Template with Sidebar */

.col-md-8 .people-template ul {padding-left: 0px; margin: 0px 0px 0px 0px; }
.col-md-8 .people-template ul li {list-style-type: none; display: inline-block; float: left; margin: 0px 1% 28px 1%; width: 23%; padding: 0px; vertical-align: top; height: 225px; position: relative; overflow: hidden; }


/* People Layout - Details Below */

.detailsbelow ul li {list-style-type: none; display: inline-block; float: left; margin: 0px 1% 28px 1%; width: 18%; padding: 0px; vertical-align: top; height: 320px; position: relative; overflow: hidden; border-top: 3px solid #ffffff; }

.detailsbelow ul li:hover, .detailsbelow ul li:focus, .detailsbelow ul li:hover .people-deet, .detailsbelow ul li:focus .people-deet {background: #ffffff; color: #b7a57a; 	
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s; 
	border-bottom: none;
	}
.detailsbelow ul li:hover, .detailsbelow ul li:focus { border-top: 3px solid #b7a57a; }	

.detailsbelow ul li .image-box {max-height: 216px; overflow: hidden; }
	
.people-template ul li img { width: 100%; height: auto; }
.detailsbelow ul li .people-deet {display: block; position: relative; color: #4b2e83; background: #ffffff; padding: 10px 0px 10px 0px; width: 100%; overflow:hidden; pointer-events: auto;  }

.people-template ul li h3, .people-template ul li .deet-name { display: block; font-family: 'Encode Sans Compressed', sans-serif; font-weight: bold; line-height: 23.4px; margin-top: 0px; margin-bottom: 0px; font-size: 18px; width: 100%;  }

.detailsbelow ul li h3 a:focus { background: #ffffff; }

.detailsbelow ul li .job-title { font-size: 12px; line-height: 16px; margin-top: 3px; margin-bottom: 0px; color: #666666; display: block; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: normal; }


.col-md-8 .people-template ul {padding-left: 0px; margin: 0px 0px 0px 0px; }
.col-md-8 .detailsbelow ul li {list-style-type: none; display: inline-block; float: left; margin: 0px 1% 28px 1%; width: 23%; padding: 0px; vertical-align: top; height: 320px; position: relative; overflow: hidden; }




/* External People Template */

.col-md-8 .external-people ul li {width: 31.3%; height: 280px;}


/* Profile Page Publications List */
.profile-publications ul {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.profile-publications ul li {list-style-type: none; display: inline-block; margin: 0px 0px 6px 0px; margin-right: 14.5px; width: 130px; padding: 10px; }
.profile-publications ul li img {width: 130px; height: auto; }


.profile-publications .pub-sub-head {font-weight: bold; margin-top: 10px; }

/* Publications Single Page Styles */
.publication-picture { float: left; margin-right: 50px; margin-bottom: 30px; }
.publication-picture img { max-width: 200px; height: auto; }
.publication-content { float: left; width: 100%; }
.publication-pic-content {float: left; max-width: 500px; }
.pub-sub, .pub-vol {margin-top: 10px; }
.pub-vol { font-size: 19px; }
.pub-readmore { margin-top: 15px; text-align: right; }

.publication-details { margin-bottom: 30px; }
.publication-details ul {margin: 0 0 0 0; padding: 0 0 0 0; display: block; }
.publication-details ul li {list-style-type: none; display: inline-block; margin-right: 15px; vertical-align: top; }

.publication-details ul .pub-role {margin-right: 5px; }
.publication-details ul .pub-aut { }
.publication-details ul .pub-co {}
.publication-details ul .pub-pub { }
.publication-details ul .pub-date { }

.award-name { font-weight: 800; }

/* Major Requirements */

ol.major-req {
    list-style-type: none;
     
    margin: 0;
    margin-left: 80px;
    padding: 0;
     
    counter-reset: li-counter;
}
ol.major-req > li {
    position: relative;
    margin-bottom: 30px;
    padding-left: 20px;
    min-height: 3em;
    border-left: 2px solid rgb(221, 221, 221);
}
ol.major-req > li:before {
    position: absolute;
    top: 0;
    left: -75px;
    width: 40px;
     
    font-size: 40px;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: rgb(183, 165, 122);
 
    content: counter(li-counter, upper-roman);
    counter-increment: li-counter;
}



.course-number { display: inline-block; font-weight: 800; vertical-align: top; margin-right: 30px; float: left; }
.course-credits { display: inline-block; font-weight: 800; vertical-align: top; text-align: right; float: right; width: 100px; }
.course-desc { display: inline-block; margin-right: 20px; vertical-align: top;}
.course-quarter { display: inline-block; text-align: right; vertical-align: top; margin-right: 30px; float: left; }

.req-section { display: block; border-bottom: 1px solid rgb(221, 221, 221); padding: 14.5px 0 14.5px 0; vertical-align: top; }
.req-section p { margin: 0 0 0 0; }
.req-sub { display: block; width: 100%; clear: both;}


/*Taxonomy Nav Menu */

.tax-page {padding-top: 29px; }

.tax-nav-menu {
  margin: -17px 0 0 -30px;
  display: inline-block;
  padding: 15px 10px 0 0px;
  float: right;
  width: auto;
  height: 75px;
  overflow: hidden;
  
  background-image: url(../images/tax-nav.svg);
  background-repeat: no-repeat;
  background-position: -20px 0px; 
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s; 
-webkit-box-shadow: 2px 2px 2px 0px rgba(204,204,204,1);
-moz-box-shadow: 2px 2px 2px 0px rgba(204,204,204,1);
box-shadow: 2px 2px 2px 0px rgba(204,204,204,1);}

.uw-content .tax-nav-menu form {display: block; float: left; }

.tax-nav-menu  .jsis-select {border: 1px solid #85754d; background-color: #f5f5f5; overflow: hidden; margin-top: 7px; margin-left: 10px; display: inline-block; float: right; padding-left: 15px; width: 250px; display: inline-block; font-size: 15px; }

.tax-nav-menu  .jsis-select select {
  position: relative;
  width: 100%;
  border-radius: 0;
  overflow: hidden;
  z-index: 0;
  background: transparent;
  border: none;
  height: 40px;
  line-height: 40px;
  -webkit-appearance:none;
  -moz-appearance: none;
  appearance: none;

}

.tax-nav-menu  .jsis-select select option {
	padding-bottom: 10px;
  	padding-left: 15px;
  	padding-right: 15px;
  	padding-top: 10px;
}

.tax-nav-menu .discover {float: left; display: inline-block; margin-left: 30px; margin-top: 10px; margin-right: 10px; width: 100px; font-family: 'Encode Sans Compressed', sans-serif; font-size: 20px; font-weight: 900; line-height: 18px; text-align: right; text-transform: uppercase; color: #4b2e83; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s; }


/* Course List */

.course-list, .profile-course, .archive-publications, .archive-leftbox { margin-bottom: 25px;}
.course-list ul, .profile-course ul, .course-static { padding-left: 0;}
.course-list ul li, .profile-course ul li { display: block; list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0; background-color: #eee; border-bottom: 1px solid #fff; height: auto; position: relative; }
.course-list ul li a, .profile-course ul li a {display: block; float: left; color: #5a5a5a; padding: 10px 30px 10px 30px; border-bottom: none; border-left: 10px solid #b7a57a; width: 100%; }
.course-list ul li a:hover, .profile-course ul li a:hover, .course-list ul li a:focus, .profile-course ul li a:focus { background-color: #f5f5f5; border-bottom: none; border-left: 10px solid rgb(75, 46, 131); } 

.course-list ul li .course-no {display: inline-block; float: left; font-weight: 800; width: 110px; vertical-align: top; }
.course-list ul li .course-title {display: inline-block; float: left; max-width: 500px; vertical-align: top; }
.course-list ul li .course-cred {display: inline-block; font-weight: 800; float: right; right: 20px; vertical-align: top; }


.course-static li { display: block; list-style-type: none; color: #5a5a5a; padding: 10px 30px 10px 30px; margin: 0 0 0 0; background-color: #eee; border-bottom: 1px solid #fff; height: auto; }

.col-md-12 .course-fw {width: 100%; max-width: 100%; }
.col-md-12 .course-fw .course-no {width: 15%; }
.col-md-12 .course-fw .course-title { width: 80%; max-width: 80%; }

.course-list .course-list-intro {display: block; margin-bottom: 15px; }


/* Profile Latest News */

.latest-news ul {padding-left: 0px; }
.latest-news ul li {list-style-type: none; border-bottom: 1px solid #EBEBEB; padding-top: 15px; }
.latest-news ul li a {display: block; width: 100%; }
.latest-news ul li .news-date {text-transform: uppercase; font-size: 14px; }

.latest-news ul li:first-child {padding-top: 0px; }
.latest-news ul li:last-child {border-bottom: 0px solid #EBEBEB; }


/* People Details Shortcode Style */

.people-details { }
.people-details ul { padding-left: 0px; }
.people-details ul li { list-style-type: none; width: 100%; margin-bottom: 29px; border-bottom: 1px #ebebeb solid; padding-bottom: 15px;  }
.people-details ul li:last-child { border-bottom: none; padding-bottom: 0px;  }
.people-details ul li .image-box {float: left; display: block; width: 17%; margin-right: 3%; }
.people-details ul li .people-deet {float: left; display: block; width: 80%; }
.people-details ul li .people-deet h3 {margin-top: 0px; }

.people-details ul li .people-deet .feed-regions { margin-top: 15px; }
.people-details ul li .people-deet .feed-regions ul { padding-left: 0px; }
.people-details ul li .people-deet .feed-regions ul li {list-style-type: none; display: inline-block; margin-right: 5px; width: auto; border-bottom: none; }
.people-details ul li .people-deet .feed-regions ul li .title {font-weight: bold; color: #3d3d3d; }
.people-details ul li .people-deet .feed-regions ul li a {border: 1px solid; padding: 5px 10px; font-size: 14px;}

/* Feature News */
.topic-research .feed-left, .fp-section .topic-research .feed-left {float: left; margin-left: 0%; }



/* Course List Responsive */
@media (max-width: 1000px) {
.course-list ul li .course-cred, .course-list ul li .course-no, .course-list ul li .course-title {float: left; right: 0px; width: 100%; max-width: 100%;}

}

/* Profile Education format */
.education-list {padding-left: 0px; }
.education-list li {list-style-type: none; margin-bottom: 5px; }

.education-list .profile-institution {font-weight: bold; }


/* JSIS Select */

.jsis-select {border: 1px solid #85754d; background-color: #F7F7F7; overflow: hidden; margin-top: 29px; display: block; float: left; padding-left: 15px; width: 100%; }

.jsis-select select {
  position: relative;
  width: 100%;
  border-radius: 0;
  overflow: hidden;
  z-index: 0;
  background: transparent;
  border: none;
  height: 50px;
  line-height: 50px;
  -webkit-appearance:none;
  -moz-appearance: none;
  appearance: none;

}

.jsis-select select option {
	padding-bottom: 15px;
  	padding-left: 20px;
  	padding-right: 20px;
  	padding-top: 15px;
}

/* Internal Navigation */

.int-nav {padding: 0 0 0 0; margin: 20px 0 20px 0; font-family: 'Encode Sans Compressed', sans-serif; font-size: 17px; font-weight: 600;}
.int-nav li { list-style-type: none; display: inline-block; margin: 0 5px 0 0; background-color: #eeeeee; border-bottom: 3px solid #4b2e83;}
.int-nav li:hover, .int-nav li:focus { border-bottom: 3px solid #b7a57a; background-color: #f5f5f5; }
.int-nav li a { float: left; display: block; color: #5a5a5a; padding: 10px 30px 10px 30px; margin: 0 0 0 0; }
.int-nav li a:hover, .int-nav li a:focus {border-bottom: 0; }
.int-nav li:last-child { margin: 0 0 0 0; }


/*Pubs List */

.pubs-list ul {padding: 0; margin: 0;}
.pubs-list ul li {list-style-type: none; margin: 0 0 40px 0; }

.pubs-list ul li .pubtitle {font-family: "Encode Sans Compressed", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  color: inherit;
  font-size: 21px
}
.pubs-list ul li .pub-info {
	font-size: 14px;
	line-height: 16px;	
}

.pubs-list ul li .pub-info .pub-author {
	display: inline-block;
}

.pubs-list ul li .pub-author p {
	margin: 0 0 10px;
}

.pubs-list ul li .pub-info .pub-in {
	display: inline-block;
}

.pubs-list ul li .pub-info .pub-date {
	display: inline-block;
	
}

/* Quarterly Courses */

.quart-courses ul {padding-left: 0; }
.quart-courses ul li {list-style-type: none; }
.course-quart-col {width: 540px; display: block; float: left; }

/* Feature List */

.feature-list {float:left;width:31.5%;margin:37px .75% -15px .75%;text-align:center;height:200px;background-color:#e8e3d3}
.feature-list:hover, .tax-list li:hover{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-transition:all .1s ease;transition:all .1s ease}
.feature-list a {font-family:"Encode Sans Compressed",sans-serif;color:#4b2e83;display:block;font-weight:900;font-size:26px;line-height:1;margin:20px 0 10px;padding:70px 35px 65px;}
.uw-body .feature-list a:hover, .uw-body .feature-list a:focus, .tax-list li a:hover, .tax-list li a:focus{color:#b7a57a;border-bottom:none}
.feature-list p, .tax-list li p {line-height:1.5;margin-top:12px;font-family:'Open Sans',sans-serif}
.feature-list.empty:hover:after{content:"Coming soon";position:absolute;top:0;left:0;right:0;bottom:0;padding:120px 0 0 0;opacity:.9;font-weight:900;font-family:"Encode Sans Compressed",sans-serif;font-size:24px;line-height:1.3;background-color:#4b2e83;color:#fff}



.tax-list {padding: 0; display: block;}
.tax-list li {list-style-type: none; display: inline-block; float:left;width:31.5%;margin:37px .75% -15px .75%;text-align:center;height:200px;background-color:#e8e3d3}
.tax-list li a{font-family:"Encode Sans Compressed",sans-serif;color:#4b2e83;display:block;font-weight:900;font-size:26px;line-height:1;margin:0px;padding:80px 35px 85px;}
	.uw-body-copy .tax-list {overflow: auto; padding-bottom: 40px; }


.three-line a, .tax-list .cat-item-78 a, .tax-list .cat-item-76 a, .tax-list .cat-item-78 a, .tax-list .cat-item-77 a, .tax-list .cat-item-75 a, .tax-list .cat-item-68 a, .tax-list .cat-item-14 a {padding:55px 35px 65px;}

/* Three feature Columns */

.three-feature {clear:both; margin: 29px 0 19px; }
.three-feature ul {display: block; padding-left: 0; margin: 10px 0 0 0; width: 100%; }
.three-feature ul li {list-style-type: none; display: inline-block; width: 31.3%; float: left; margin: 0px 3% 24px 0; padding: 0px; vertical-align: top; height: 200px; position: relative; overflow: hidden; border-top: 3px solid #4b2e83; }
.three-feature ul li:last-child, .three-feature ul li:nth-child(3n+3) {margin: 0px 0 24px 0; }
.three-feature ul li:before {position: absolute; bottom: 0; height: 100px; width: 100%; content: ""; background: url(../images/stripes-darkest-tile.svg); opacity: .2; pointer-events: none;
}
.three-feature ul li:hover, .three-feature ul li:focus {border-top: 3px solid #b7a57a; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;}

.three-feature ul li a {display: block; width: 100%; height: 100%; }
.three-feature ul li a:hover {border-bottom: none; }
.three-feature ul li .image-container {width: 240px; height: 200px; overflow:hidden; }
.three-feature ul li .image-container img {max-height: 100%; max-width: none; height: 100%; width: auto; margin: 0; }
.three-feature ul li h4 {position: absolute; bottom: 0; left: 0; width: 100%; max-width: 240px; padding: 0; margin: 0px; overflow: hidden;  }
.three-feature ul li h4 a {background:rgba(43,35,35,0.5); color: #ffffff; padding: 10px; }
.three-feature ul li h4 a:hover, .three-feature ul li h4 a:focus {color: #ffffff; background:rgba(51,0,111,0.8); }
.three-feature ul li h4:hover {border-bottom: none; }

.three-feature ul li:hover h4 {background:rgba(51,0,111,0.8); -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;
  	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, height 0s, line-height 0s;  }
	
	
/* PDF Post Shortcode */

.pdf-post {display: block; position: relative; clear: both; width: 100%; height: auto; background: #f5f5f5; padding: 40px; border-top: 3px solid #4b2e83; margin-top: 20px; }
.pdf-post:after { position: absolute; bottom: 0; left: 0; height: 30px; width: 100%; content: ""; background: url(../images/stripes-darkest-tile.svg); opacity: .2; pointer-events: none; }
.pdf-post-icon {background-image: url(../images/pdf-icon.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 50px 50px; line-height: 50px; padding-left: 60px; height: 50px; display: block; }	


/* Student Dissertation Section */
.committee-column {display: block; margin-bottom: 29px; width: 100%; overflow: hidden; }
.committee-column h4 {margin-top: 0px; }
.committee-column .diss-comm h3 { margin-top: 41px; }
.committee-column .diss-comm h2:first-of-type { margin-top: 0px; } 

.committee-column .diss-comm ul { padding-left: 0; }
.committee-column .diss-comm ul li { list-style-type: none; display: inline-block; float: left; width: 150px; height: 244.5px; margin-right: 14.5px;  }
.committee-column .diss-comm ul li a { display: block; float: left; }
.committee-column .diss-comm ul li img { margin-bottom: 12px; }
.committee-column .diss-comm ul li h4 { margin-bottom: 5px; }
.committee-column .diss-comm ul li p { font-size: 14px; line-height: 18px; }


.dissertation {display: block; float: left; width: 100%; text-wrap: normal; word-wrap: break-word; }
.diss-title {display: block; width: 100%; margin-bottom: 0px; position: relative; padding-bottom: 10px; }
.diss-title h2 { margin-bottom: 0px; margin-top: 0px;  }
.diss-label { text-transform: uppercase; font-weight: 400; font-size: 18px; line-height: 24px; margin-bottom: 14.5px; margin-top: 14.5px;  }
.diss-label:after {content: '//'; font-size: 36px; font-weight: 100; color: #b7a57a; margin-left: 5px; position: relative; bottom: -8px; letter-spacing: -4px;  }

.fac-adv img { margin-bottom: 14.5px; }

.diss-title:before, .diss-title:after { position: absolute; left: 0; bottom: 5px; content: ""; height: 4px; }
.diss-title:before { width: 200px; background-color: #b7a57a; }
.diss-title:after { width: 40px;
  -webkit-transform: skewX(-25deg) skewY(0);
  -o-transform: skewX(-25deg) skewY(0);
  transform: skewX(-25deg) skewY(0);
  -webkit-transform: skew(-25deg, 0);
  -ms-transform: skewX(-25deg) skewY(0);
  transform: skew(-25deg, 0);
  left: 160px; background-color: white;
}

.faculty-adviser h3 {  }

.announcement {display: block; background: #f5f5f5; padding: 29px 40px; margin: 0px 0px 29px; border-top: 2px solid #4b2e83; border-left: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; } 

/* Latest Feature Post Widget Styles */
.feature-post-widget .feat-post { display: block; height: auto; width: 100%; }
.feat-image {border-top: 3px solid #4b2e83; }
.feature-post-widget .feat-post:hover .feat-image, .feature-post-widget article .feat-post:focus .feat-image { border-top: 3px solid #b7a57a;}
.feature-post-widget .feat-post h3 {margin-top: 10px; }
.feature-post-widget article {display: block; margin-bottom: 20px; }
.feature-post-widget .feat-post .feat-image {position: relative; }
.feature-post-widget .feat-post .feat-image:after { position: absolute; bottom: 0; left: 0; height: 50px; width: 100%; content: ""; background: url(../images/stripes-darkest-tile.svg); opacity: .2; pointer-events: none; }


/* People Window */

.people-window { display: block; width: 100%; }
.people-window ul { padding-left: 0; }
.people-window ul li { display: inline-block; width: 47%; margin-right: 6%; border-top: 2px solid #f5f5f5; float: left; border-bottom: none; height: 225px; }
.people-window ul li a { color: #0088dd; padding-bottom: 0px; } 
.people-window ul li:hover, .people-window ul li:focus { border-top: 2px solid #b7a57a; color: #b7a57a; }
.people-window ul li:hover a, .people-window ul li:focus a {color: #b7a57a; }

.people-window ul li:nth-of-type(2n+2) {margin-right: 0; }
.people-window ul li .portrait { border: 1px #ebebeb solid; }
.people-window ul li h3 {font-size: 18px; margin-top: 0px; margin-bottom: 0px; }
.people-window ul li h3 a { padding-top: 5px; padding-bottom: 5px; }
.people-window ul li p {font-size: 14px; line-height: 18px; }


@media only screen and (max-width:767px){
	.feature-list, .tax-list li{width:46%;margin:37px 2% -15px 2%; height: 200px;}
	.three-line a, .tax-list .cat-item-78 a, .tax-list .cat-item-76 a, .tax-list .cat-item-78 a, .tax-list .cat-item-77 a, .tax-list .cat-item-92 a, .tax-list .cat-item-75 a, .tax-list .cat-item-68 a, .tax-list .cat-item-14 a {margin:0;padding:60px 0 60px}
}

@media only screen and (min-width:766px) and (max-width:1200px){
	.feature-list, .tax-list li{width:46%;margin:37px 2% -15px 2%; height: 200px;}
	.three-line a, .tax-list .cat-item-78 a, .tax-list .cat-item-76 a, .tax-list .cat-item-78 a, .tax-list .cat-item-77 a, .tax-list .cat-item-92 a, .tax-list .cat-item-75 a, .tax-list .cat-item-68 a, .tax-list .cat-item-14 a {padding:70px 35px 65px;}

}

@media (max-width:480px){
	.feature-list, .tax-list li{width:100%;margin:37px 2% -15px 2%; height: 150px;}
	.three-line a, .tax-list .cat-item-78 a, .tax-list .cat-item-76 a, .tax-list .cat-item-78 a, .tax-list .cat-item-77 a, .tax-list .cat-item-92 a, .tax-list .cat-item-75 a, .tax-list .cat-item-68 a, .tax-list .cat-item-14 a, .tax-list li a {margin:0;padding:60px 20px 60px}
}



/* Contact Icons */
.profile-email {
    background-image: url(../images/profile-email.png);
    background-repeat: no-repeat;
    background-position: 3px 3px; 
	background-size: 20px 20px;
}

.profile-phone {
    background-image: url(../images/profile-phone.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
	background-size: 20px 20px; 
}

.profile-website {
    background-image: url(../images/profile-website.png);
    background-repeat: no-repeat;
    background-position: 3px 3px; 
	background-size: 20px 20px;
}

.profile-office {
    background-image: url(../images/profile-building.png);
    background-repeat: no-repeat;
    background-position: 0px 0px; 
	background-size: 25px 25px;
}

.profile-fax {
    background-image: url(../images/profile-fax.png);
    background-repeat: no-repeat;
    background-position: 0px 0px; 
	background-size: 25px 25px;
}

.profile-pdf {
    background-image: url(../images/profile-pdf.png);
    background-repeat: no-repeat;
    background-position: 0px 0px; 
	background-size: 25px 25px;
}

.profile-doc {
    background-image: url(../images/profile-word.png);
    background-repeat: no-repeat;
    background-position: 0px 0px; 
	background-size: 25px 25px;
}

.profile-twitter {
    background-image: url(../images/profile-twitter.png);
    background-repeat: no-repeat;
    background-position: 0px 0px; 
	background-size: 25px 25px;
}



@media (max-width: 1200px) {
.col-md-12 .archive-people, .col-md-12 .course-list {display: block; float: left; width: 100%; max-width: 600px; }	
.rightbox { margin-left: 20px; }
.leftbox { margin-right: 20px; }
.archive-column {width: 320px; }
.profile-details {max-width: 100%;}
.col-md-12 .no-prog {max-width: 100%; }
.col-md-12 .course-fw {width: 100%; max-width: 100%; }
.col-md-12 .course-fw .course-no {width: 15%; }
.col-md-12 .course-fw .course-title { width: 80%; max-width: 80%; }
.tax-nav-menu {
	width: auto;
 	height: auto;
	background-position: -10px 0px; 
	margin-left: 0px;
}
.tax-nav-menu form {margin-bottom: 15px; }
.tax-nav-menu  .jsis-select {width: 230px; display: inline-block; }

.col-md-8 .detailsbelow ul li, .detailsbelow ul li {height: 280px;  }


}

@media (max-width: 995px) {

}


@media (max-width: 990px) {
.col-md-12 .archive-people, .col-md-12 .course-list {display: block; float: left; width: 100%; max-width: 450px; }	
.rightbox { margin-left: 20px; width: 100%; }
.leftbox { margin-right: 20px; width: 100%; }
.archive-column {width: 250px; }
.people-template ul li, .col-md-8 .people-template ul li {width: 23%; height: 213px; margin: 0px 1% 10px 1%; }
.people-template ul li img { width: 100%; height: auto; }
.people-template ul li .people-deet {display: block; position: absolute; padding: 10px 15px 10px 15px; width: 100%; overflow:hidden; }
.col-md-12 .no-prog {max-width: 100%; }
.col-md-12 .no-prog ul li {width: 19%;}
.col-md-12 .course-fw {width: 100%; max-width: 100%; }
.col-md-12 .course-fw .course-no {width: 15%; }
.col-md-12 .course-fw .course-title { width: 80%; max-width: 80%; }
.textwidget .archive-people ul li {width: 30%; }

.uw-content .tax-nav-menu {margin-top: 20px; margin-bottom: 0px; float: none; width: 100%; box-shadow: none; border-top: 3px solid #b7a57a; border-bottom: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; background: #f5f5f5; background-image: none; }
.tax-nav-menu  .jsis-select {width: 230px; display: inline-block; }
.tax-page .tax-section .fp-student-news h2, .tax-page .tax-section .fp-student-news { margin-top: 0px; }
.tax-page .tax-description {margin-bottom: 29px; }

.col-md-8 .detailsbelow ul li, .detailsbelow ul li {height: 300px;  }
.detailsbelow ul li .people-deet { position: relative; padding: 10px 0px 10px 0px; width: 100%; overflow:hidden; }

.people-window ul li .portrait img { width: 100%; height: auto; }

}


@media only screen and (min-width: 470px) and (max-width: 990px) {
	
.people-window ul li { width: 31%; margin-right: 3%; height: auto; }
.people-window ul li:nth-of-type(2n+2) { margin-right: 3%; }
.people-window ul li:nth-of-type(3n+3) { margin-right: 0; }

}


@media (max-width: 770px) {
.col-md-12 .archive-people, .col-md-12 .course-list {display: block; float: left; width: 100%; max-width: 100%; }	
.rightbox { margin-left: 0px; width: 100%; }
.leftbox { margin-right: 0px; width: 100%; }
.archive-column {width: 100%; }
.uw-body h1 {margin-right: 0px !important; }
.col-md-12 .archive-people ul li  {width: 23%; height: 213px; margin: 0px 1% 10px 1%; }
.col-md-12 .archive-people ul li  img { width: 100%; height: auto; }
.col-md-12 .archive-people ul li  .people-deet {display: block; position: absolute; padding: 10px 15px 10px 15px; width: 100%; overflow:hidden; }
.news-page {padding-top: 0px; }


.uw-content .tax-nav-menu {display: block; padding-right: 0px; }
.tax-nav-menu form {width: 100%; float: none; }
.uw-content .tax-nav-menu  .jsis-select {margin-left: 15px; display: block; margin-right: 15px; overflow: auto; width: 92%; }
.uw-content .tax-nav-menu  .jsis-select {float: none; box-sizing: border-box; }
.uw-content .tax-nav-menu  .jsis-select select {display: block; }
.uw-content .tax-nav-menu  .jsis-select select option {width: 100%; }
.uw-content .tax-nav-menu .discover {width: 100%; float: none; text-align: left; display: block; margin-left: 15px; margin-bottom: 10px; }


}

@media (max-width: 730px) {
.people-template ul li, .col-md-8 .people-template ul li  {width: 31%; height: 213px; margin: 0px 1% 10px 1%; }
.people-template ul li img { width: 100%; height: auto; }
.people-template ul li .people-deet {display: block; position: absolute; padding: 10px 15px 10px 15px; width: 100%; overflow:hidden; }



.col-md-8 .detailsbelow ul li, .detailsbelow ul li {height: 360px; }
.detailsbelow ul li .people-deet { position: relative; padding: 10px 0px 10px 0px; width: 100%; overflow:hidden; }

}

@media (max-width: 680px) {
	.tax-nav-menu .discover { width: 100%; float: left; text-align: left; margin-left: 15px; }
	.tax-nav-menu .jsis-select {width: 90%;  margin-left: 15px;}
	.tax-nav-menu { width: 100%; margin: 0px 0 20px 0px; }
}


@media (max-width: 600px) {
.col-md-12 .archive-people ul li {width: 31%; height: 213px; margin: 0px 1% 10px 1%; }
.col-md-12 .archive-people ul li img { width: 100%; height: auto; }
.col-md-12 .archive-people ul li .people-deet {display: block; position: absolute; padding: 10px 15px 10px 15px; width: 100%; overflow:hidden; }

.col-md-8 .detailsbelow ul li, .detailsbelow ul li {height: 300px; }

}

@media (max-width: 585px) {
.three-feature { margin-top: 0px; }
.three-feature ul li, .three-feature ul li:last-child, .three-feature ul li:nth-child(3n+3) {margin: 7px 0 7px 0; width: 100%; }
.three-feature ul li .image-container  img { margin: 0 0 0 0; height: auto; width: 100%; max-width: none; max-height: none; }	
.three-feature ul li .image-container {width: 100%; }
.three-feature ul li h4 {max-width: none; }

}


@media (max-width:490px) {
.people-template ul li, .col-md-8 .people-template ul li, .col-md-12 .archive-people ul li {width: 48%; height: 213px; }
.people-template ul li img, .col-md-12 .archive-people ul li img { width: 100%; height: auto; }
.people-template ul li .people-deet, .col-md-12 .archive-people ul li .people-deet {display: block; position: absolute; padding: 10px 15px 10px 15px; width: 100%; overflow:hidden; }
.people-template ul li h3, .col-md-12 .archive-people ul li h3 {  margin-top: 0px; margin-bottom: 0px; font-size: 18px;  }
.people-template ul li .job-title, .col-md-12 .archive-people ul li .job-title { font-size: 12px; line-height: 16px; margin-top: 3px; margin-bottom: 0px; }
.textwidget .archive-people ul li {width: 43%; }

.profile-picture { margin-right: 0; margin-bottom: 29px; width: 100%; }
.profile-details { width: 100%; }

.col-md-8 .detailsbelow ul li, .detailsbelow ul li { height: 360px; }
.detailsbelow ul li .people-deet { position: relative; padding: 10px 0px 10px 0px; width: 100%; overflow:hidden; }



}


@media (max-width:400px) {
.col-md-8 .detailsbelow ul li, .detailsbelow ul li { height: 300px; }

}