@import '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
.boldUppercase {
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
#page {
  font-size: 15px;
  font-size: 1.5rem;
}
.mainMenu {
  color: #002554;
  display: block;
  font-weight: bold;
}
.subNavBlock {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.marginPaddingZero {
  margin: 0;
  padding: 0;
}
.greyBorderBottom {
  border-bottom: 1px solid #cccccc;
  padding: 1.4em 0;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 15px;
  font-size: 1.5rem;
  background-color: #f4f4f4;
  color: #333333;
  font-family: sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #002554;
  font-family: "Trebuchet MS", sans-serif;
  font-weight: normal;
}
h2#dept_title {
  font-size: 30px;
  font-size: 3rem;
}
p {
  font-size: 15px;
  font-size: 1.5rem;
}
/*Highlight Class (blue content box) - Joseph Stewart Nov. 2018 | Promoted to Production Dec 18th 2018*/
.highlight{
  color: #002a5c;
  background-color: #dbe5eb;
  padding:20px;
  display: block;
}
a {
  color: #4d6d92;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #002554;
  text-decoration: underline;
}
a:visited {
  color: #334860;
}
table tr td {
  font-size: 14px;
  font-size: 1.4rem;
}
hr {
  border: 2px solid #e0e5ea;
  height: 0px;
  /*system theme override*/
}
.bold {
  font-weight: 700;
}
ul {
  list-style: inside;
}
ul li ul {
  padding-left: 20px;
}
ul li ul li {
  list-style: circle;
}
.ui-accordion-content li {
  font-size: 15px;
  font-size: 1.5rem;
}
.article-content p,
.field-name-field-bio p,
.field-name-field-research-interests p,
.field-name-field-teaching-interests p,
.field-name-field-awards-and-grants p,
.field-name-field-publications p,
.field-name-field-affiliations p,
.field-name-field-education p,
.cta-teaser p {
  line-height: 1.5em;
}
#main-content > header {
  margin: 0;
}
.field-name-field-list-page-image + .field-name-body h1,
.field-name-field-list-page-image + .field-name-body h2,
.field-name-field-list-page-image + .field-name-body h3,
.field-name-field-list-page-image + .field-name-body h4,
.field-name-field-image + .field-name-body h1,
.field-name-field-image + .field-name-body h2,
.field-name-field-image + .field-name-body h3,
.field-name-field-image + .field-name-body h4 {
  margin-top: 1em;
}
.not-front .region-sidebar-first {
  margin-left: 0;
}
.sidebar-first .content-inner,
.two-sidebars .content-inner {
  margin: 0 !important;
}
.field-name-body {
  margin-right: 2.5%;
}
.two-sidebars .field-name-field-list-page-image,
.two-sidebars .field-name-field-image {
  margin-right: 2%;
}
#main-content,
.one-sidebar #main-content {
  margin-top: 2%;
}
.sidebar-first #main-content {
  margin-right: 0;
  margin-left: 2%;
}
#page-title {
  font-size: 21px;
  font-size: 2.1rem;
  margin-bottom: .5em;
  padding-bottom: .5em;
  border-bottom: 1px solid #e1dfdd;
}
.float-left {
  float: left;
  width: 48%;
  margin-right: 20px;
}
.float-right {
  float: right;
}
.field-name-field-page-image {
  margin: 0 10px 20px 0;
}
.teaser .field-name-field-page-image {
  margin: 0;
}
.teaser {
  margin-bottom: 10px;
  margin-top: 10px;
  //float: left;
}
.teaser .article-content {
  margin: 10px;
}
.teaser .field-type-image {
  float: left;
  padding:10px;
  padding-right:20px;
}
.teaser .field-name-field-galleryphoto{
  padding-left:0;
}
.acm .article-photo-gallery .article-title{
  float:right;
  padding-right: 240px;
}
.teaser .article-title {
  padding: 10px 0 10px 0;
}
.teaser h3.article-title {
  margin-top: 10px;
}
.teaser p:first-of-type {
  margin-top: 0;
}
.teaser .staff-image {
  padding: 0;
  padding-right: 18px;
}
.field-name-body img {
  border: 5px solid #e6e4e2;
  margin: 10px;
}
.askcoop .field-name-body img{border:none;}
.field-name-body .img_normal {
  float: none;
  margin-left: 0;
}
.field-name-body .no_border {
  border: none;
}
.field-name-body .img_left_free,
.field-name-body .img_right_free,
.field-name-body .img_normal,
.field-name-body .img_center {
  max-width: 100%;
}
.field-name-field-portrait-image,
/*.field-name-body*/ .img_left,
.field-name-body .img_left_free {
  float: left;
  margin: 10px;
  margin-left: 0;
  margin-right: 20px;
}
/*.field-name-body*/ .img_right,
.field-name-body .img_right_free {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}
/*.field-name-body*/ .img_left,
/*.field-name-body*/ .img_right {
  max-width: 250px;
  width: auto;
}
.field-name-body .img_center {
  float: none;
  display: block;
  margin: 10px auto;
  margin-left: auto;
  margin-right: auto;
}
.teaser .field-name-field-portrait-image {
  margin: 0;
}
.field-label-inline .field-items {
  line-height: 20px;
}
.article-type-person .group-left {
  margin-right: 20px;
  margin-bottom: 20px;
  width: auto;
}
.article-type-person .group-right {
  float: left;
  margin: 0 0 0 0;
  width: auto;
  max-width: 520px;
}
.view-contact-info .views-row,
.view-teaching-technichians .views-row,
.view-administration .views-row {
  margin-bottom: 20px;
  border-bottom: 1px dashed #ccc;
  height: 160px;
}
.ccds article{
  width:100%;
}
/*

//future development for when we implement larger portrait image on person's profile
// override 

      .mydepartment .article-type-person .group-right {
        max-width: 490px;
        }

*/
.group-right .field .field-label,
.group_q_a span {
  font-size: 16px;
  font-size: 1.6rem;
}
.group_q_a span {
  font-weight: bold;
}
.field-name-field-program .field-label,
.field-name-field-education .field-label {
  font-size: 16px;
  font-size: 1.6rem;
}
.article-type-person ul li,
.article-type-page ul li,
#block-views-faq-block ul li,
.article-type-person ol li,
.article-type-page ol li,
#block-views-faq-block ol li {
  line-height: 1.5em;
  list-style-position: outside;
  margin-left: .5em;
  padding-bottom: .2em;
}
.field-name-field-building .field-items,
.field-name-field-room .field-items,
.field-name-field-building,
.field-name-field-room,
.field-name-field-building .field-item,
.field-name-field-room .even {
  display: inline;
}
.field-name-field-affiliations {
  margin-top: 20px;
}
.group-right .field-type-text-long,
.group-right .field-name-field-cvs-resume,
.group-right .field-name-field-cv-resume {
  border-bottom: 1px solid #cccccc;
  padding: 1.4em 0;
  font-weight: normal;
}
.group-right .field-name-field-faculty-video {
  padding: 0.4em 0;
}
.group-right .field-name-field-status h2.field-label,
.group-right .field-name-field-availability h2.field-label {
  font-family: arial;
  font-size: 15px;
  font-size: 1.5rem;
  color: #333333;
}
.field-name-field-job-title .field-item {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.group-right .field-name-field-status {
  margin-top: 0;
}
.group-right .field-name-field-video {
  margin-top: 20px;
}
.group-right .group-main-info {
  border-bottom: 1px dashed #cccccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.group_q_a,
.field-name-field-question,
.field-name-field-question-2,
.field-name-field-question-3 {
  margin-top: 20px;
}
ul.info {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  list-style-type: none;
}
#block-views-news-block,
#block-views-events-block {
  float: left;
  margin-right: 3.2%;
  width: 230px;
}
#block-views-news-block .block-title,
#block-views-events-block .block-title {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 5px;
  background: #4d6d92;
  padding: 8px;
  color: #ffffff;
}
.view-news .views-row,
.view-id-events .views-row {
  border-bottom: 1px solid #cccccc;
  padding: 20px 0 20px 0;
  height: 40px;
  border-bottom: 1px dashed #666666;
}
.view-id-faculty .views-row,
.view-staff-co-op .views-row,
.view-cross-appointed-faculty .views-row,
.view-adjunct-faculty .views-row,
.view-faculty-of-computer-sciences .views-row,
.view-faculty-of-mathematics .views-row,
.view-faculty-of-statistics .views-row,
.view-health-studies-faculty .views-row,
.view-anthropology-faculty .views-row,
.view-graduate-faculty .views-row,
.view-people .views-row {
  border-bottom: 2px solid #cccccc;
  margin-right: 40px;
  padding: 20px 0 10px 0;
  width: 385px;
  height: 180px;
  /* have to specify a height or page will not align*/
  float: left;
}
.view-faculty-name-list .views-row {
  float: left;
  height: 24px;
  width: 49%;
}
.view-id-faculty .views-row {
  height: 180px;
  position: relative;
}
.view-id-faculty .views-row:hover {
  background: #efecec;
}
.emeritus .views-row:hover {
  background: none;
}
.big_link {
  position: absolute;
  top: 0;
  left: 0;
}
.big_link > a {
  display: block;
}
.big_link > a:hover {
  text-decoration: none;
}
.big_link,
.big_link > a {
  height: 209px;
  width: 340px;
  margin: 0;
  padding: 0;
}
.sidebar-first .view-id-faculty .views-row,
.sidebar-first .view-staff-co-op .views-row,
.sidebar-first .view-cross-appointed-faculty .views-row,
.sidebar-first .view-adjunct-faculty .views-row,
.sidebar-first .view-faculty-of-computer-sciences .views-row,
.sidebar-first .view-faculty-of-mathematics .views-row,
.sidebar-first .view-faculty-of-statistics .views-row,
.sidebar-first .view-health-studies-faculty .views-row,
.sidebar-first .view-anthropology-faculty .views-row,
.sidebar-first .view-graduate-faculty .views-row,
.sidebar-first .view-people .views-row {
  width: 345px;
}
.view-students .views-row {
  border-bottom: 1px dashed #cccccc;
  margin-bottom: 20px;
  min-height: 150px;
}
.view-students {
  margin-right: 20px;
}
.view-id-faculty .views-row-even,
.view-staff-co-op .views-row-even,
.view-cross-appointed-faculty .views-row-even,
.view-adjunct-faculty .views-row-even,
.view-faculty-of-computer-sciences .views-row-even,
.view-faculty-of-mathematics .views-row-even,
.view-faculty-of-statistics .views-row-even,
.view-health-studies-faculty .views-row-even,
.view-anthropology-faculty .views-row-even,
.view-graduate-faculty .views-row-even,
.view-people .views-row-even {
  margin: 0;
}
.view-id-faculty h2,
.view-staff-co-op h2,
.view-adjunct-faculty h2,
.view-cross-appointed-faculty h2,
.view-faculty-of-computer-sciences h2,
.view-faculty-of-mathematics h2,
.view-faculty-of-statistics h2,
.view-health-studies-faculty h2,
.view-anthropology-faculty h2,
.view-graduate-faculty h2,
.view-people h2 {
  color: #333333;
  font-weight: bold;
}
.view-id-faculty img,
.view-staff-co-op img,
.view-adjunct-faculty img,
.view-cross-appointed-faculty img,
.view-students img,
.view-faculty-of-computer-sciences img,
.view-faculty-of-mathematics img,
.view-faculty-of-statistics img,
.view-health-studies-faculty img,
.view-anthropology-faculty img,
.view-graduate-faculty img,
.view-people img,
.view-id-contact_info img {
  float: left;
  margin-right: 13px;
  width: 104px;
}
ul.info {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  list-style-type: none;
  float: left;
  width: 205px;
}
ul.info h2 {
  margin-bottom: .5em;
}
ul.info li {
  line-height: 20px;
}
li.full-bio {
  height: 40px;
  margin-top: 20px;
}
li.full-bio a {
  font-weight: bold;
  color: #333333;
  background: #cccccc;
  padding: 10px;
  margin-top: 30px;
  text-transform: uppercase;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-shadow: 0 1px 0 #ffffff;
}
.view-contact-info .views-row,
.view-teaching-technichians .views-row,
.view-administration .views-row {
  margin-right: 3.2%;
  width: 45%;
  margin-bottom: 20px;
  float: left;
  border-bottom: 1px dashed #ccc;
  height: 160px;
}
.view-contact-info .no-photo,
.view-teaching-technichians .no-photo,
.view-administration .no-photo {
  height: 120px;
  width: 345px;
}
.view-contact-info .no-photo ul.info {
  width: 345px;
}
#block-views-contact-info-block .block-inner {
  margin-top: -10px;
}
.view-contact-info ul,
.view-teaching-technichians ul,
.view-administration ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.two-sidebars .view-contact-info .views-row,
.two-sidebars .view-teaching-technichians .views-row,
.two-sidebars .view-administration .views-row {
  float: none;
  width: 100%;
}
.field-name-field-page-list {
  border-top: 1px dashed #cccccc;
}
.front .field-name-field-page-list {
  border-top: none;
}
.field-name-field-page-list p {
  font-size: 15px;
  font-size: 1.5rem;
}
.field .field-label {
  font-size: 15px;
  font-size: 1.5rem;
}
.not-front .region-sidebar-second {
  margin-top: 50px;
}
.two-sidebars .region-sidebar-second {
  margin-top: 35px;
}
#block-views-news-block-news-block,
.departmental-events {
  margin-bottom: 20px;
}
.view-id-news span.date-display-single {
  background: #d38235;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #ffffff;
  display: block;
  font-weight: bold;
  float: left;
  height: 40px;
  margin-right: 8px;
  padding: 5px;
  text-align: center;
  text-shadow: 1px 1px 1px #333, 0 0 0 #efefef, 1px 1px 1px #333;
  text-transform: uppercase;
  width: 40px;
}
.view-historical-timeline span.date-display-single {
  color: #d38235;
  padding: .2em;
  background: #EDEDED;
  display: block;
  width: 99%;
}
h4.timeline-year {
  border-bottom: 1px dotted #CBC4BC;
  color: #D38235;
  font-weight: 600;
  padding-bottom: 5px;
}
#main-content .view-historical-timeline ul,
#main-content .view-historical-timeline p {
  font-size: 0.9375em;
  line-height: 1.5em;
  list-style: disc;
}
#block-block-1 p,
.employment-msg a {
  font-size: 14px;
  font-size: 1.4rem;
}
.employment-msg {
  border-top: 1px dashed #ccc;
  padding-top: 10px;
  margin-top: 10px;
}
.emergency-posting {
  color: #e51a23;
}
.field-name-field-emergency-posting {
  font-weight: bold;
}
ul.quicktabs-tabs {
  margin: 5px 0 5px 0;
}
ul.quicktabs-tabs li {
  border-right: 1px solid #cccccc;
  padding: 13px 12px;
  margin-left: 1px;
}
.block-quicktabs h2 {
  font-size: 17px;
  font-size: 1.7rem;
}
#quicktabs-job_opportunities a {
  background: #e0e5ea;
  color: #333333;
  font-weight: bold;
  padding: 15px 24px;
  text-shadow: 1px 1px 0px #ffffff;
}
#quicktabs-job_opportunities a:hover {
  text-decoration: none;
}
#quicktabs-container-job_opportunities a {
  background: none;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: none;
  padding: 15px 18px;
}
.quicktabs-style-nostyle .item-list li.active a {
  color: #333333;
}
.quicktabs-style-nostyle .item-list li.active {
  background: #ffffff;
  font-weight: bold;
  padding-bottom: 16px;
}
.quicktabs-style-nostyle .item-list {
  background: #ebebeb;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #ffffff;
  margin-top: 15px;
  padding: 8px 0;
}
.quicktabs-style-nostyle .views-row {
  background: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
  padding: .5em;
  padding-left: 1em;
}
.quicktabs-style-nostyle .block-inner {
  margin: 0;
}
.quicktabs-style-nostyle h2.job-title a {
  color: #002554;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 100;
  padding: 0;
}
#quicktabs-container-job_opportunities h2.job-title a:hover {
  text-decoration: underline;
}
/* reusing quicktabs styles but for the new non-quicktab layout */
.quicktabs-style-nostyle .view-empty,
.quicktabs-style-nostyle .view-content,
.quicktabs-style-nostyle .attachment {
  background: #fff;
}
.quicktabs-style-nostyle h3 {
  background: #ebebeb;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #ffffff;
  padding: 0.5em;
  color: #111;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
}
.quicktabs-style-nostyle .attachment-before {
  padding-bottom: 1em;
}
.quicktabs-style-nostyle .view-empty p {
  padding: 1em;
  margin: 0;
}
.quicktabs-style-nostyle .views-row:last-child {
  padding-bottom: 2em;
}
/**/
.view-faq .ui-widget {
  font-family: sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.view-faq {
  border: 1px solid #cccccc;
}
.view-faq .views-row {
  font-size: 14px;
  font-size: 1.4rem;
}
.view-faq h3 {
  padding: 0.5em;
  margin-bottom: 2px;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: sans-serif;
}
.view-faq .ui-accordion-content {
  padding: 0.8em;
}
.view-faq .ui-state-default {
  background: #efecec;
  border: none;
}
.view-faq .ui-state-default .ui-icon {
  background: url('images/plus.png') 0 0 no-repeat;
  float: right;
  width: 15px;
  height: 15px;
  margin: 2px 5px 0 0;
}
.view-faq .ui-state-active {
  border: none;
}
.view-faq .ui-state-active .ui-icon {
  background: url('images/minus.png') 0 0 no-repeat;
  width: 15px;
  height: 15px;
}

/*faq image*/



.field-name-field-emergency-posting {
  color: #e51a23;
}
#node_job_posting_full_group_info {
  border-bottom: 1px solid #cccccc;
  line-height: 1.5em;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.article-job-posting .field-label {
  color: #333333;
  font-family: sans-serif;
}
#user-login .form-item .description {
  background: 0;
  padding: 5px;
}
.view-people-zebra-list ul.info {
  width: 100%;
}
.view-people-zebra-list ul h2 {
  font-size: 15px;
  font-size: 1.5rem;
}
.view-people-zebra-list ul li {
  display: inline-block;
}
.view-people-zebra-list ul li.name {
  margin-right: 20px;
  width: 240px;
}
.view-people-zebra-list ul li.disciplines {
  width: 180px;
}
.view-people-zebra-list .big_link_zebra {
  padding: 0.5em 0 1.85em 0.85em;
}
.view-people-zebra-list .big_link_zebra > a {
  display: block;
}
.view-people-zebra-list table tbody tr td:hover {
  background: #efecec;
}
.view-people-zebra-list table tbody tr td {
  padding: 0;
  margin: 0.5em;
}
.view-people-zebra-list ul.table-header {
  margin-left: 0.75em;
  padding: 0;
}
#block-block-3,
.social-networking {
  background-color: #ebebeb;
}
.geography #block-block-3{background-color: transparent;}
.social-networking {
  margin-bottom: 20px;
}
.mgmt-social-media-icon {
  float: left;
  padding: 10px 5px 10px 10px;
  width: 37px;
  height: 37px;
}
.mgmt-social-media-link-txt {
  /*float: left;*/
  height: 37px;
  /*width: 165px;*/
  padding: 17px 19px;
}
/* New Social Media for registrar */
/*new social media buttons*/
a.reg_btn {
  color: white;
}
.reg_btn {
  width: 123px;
  display: block;
  padding-left: 40px;
  height: 40px;
  line-height: 42px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .03em;
  margin: .5em 0 .5em 0;
  text-align: left;
  position: relative;
}
@media only screen and (max-width: 529px) {
  .reg_btn {
    margin: .5em auto;
  }
}
.reg_btn :hover {
  text-decoration: none;
}
.reg_btn span {
  display: block;
  position: absolute;
  width: 21px;
  height: 45px;
  left: 10px;
}
.reg_tweet {
  background-color: #2196f3;
}
.reg_tweet span {
  background: url('images/social-combo_0.png') no-repeat;
  background-position: 0px 9px;
}
.reg_face {
  background-color: #3f51b5;
}
.reg_face span {
  background: url('images/social-combo_0.png') no-repeat;
  background-position: -37px 9px;
}
.reg_ask {
  background-color: #03a9f4;
}
.reg_ask span {
  background: url('images/social-combo_0.png') no-repeat;
  background-position: -75px 9px;
  left: 10px;
}
.reg_insta {
  background-color: #98bfc9;
}
.reg_insta span {
  background: url('images/social-combo_0.png') no-repeat;
  background-position: -109px 10px;
  left: 10px;
}
.reg_news {
  background-color: #465698;
}
.reg_news span {
  background: url('images/social-combo_0.png') no-repeat;
  background-position: -140px 9px;
  left: 10px;
}
.reg_ln {
  background-color: #007bb6;
}
.reg_ln span {
  background: url('images/social-combo_0.png') no-repeat;
  background-position: -170px 9px;
  left: 10px;
}
/* Alerts*/
.infobox--info,
.infobox--success,
.infobox--warning,
.infobox--error {
  border: 1px solid #ccc;
  color: #000;
  padding: 1.5em 1.5em 1.5em 2.8em;
  position: relative;
  display: block;
}
.infobox--info:before,
.infobox--success:before,
.infobox--warning:before,
.infobox--error:before {
  font-family: "fontAwesome";
  margin-right: 0.5em;
  position: absolute;
  top: 1.2em;
  left: 0.8em;
  font-size: 20px;
}
.infobox--info {
  background: #d1e7f4;
}
.infobox--info:before {
  content: "\f05a";
}
.infobox--success {
  background: #d4f0ca;
}
.infobox--success:before {
  content: "\f05d";
}
.infobox--warning {
  background: #f9d20b;
}
.infobox--warning:before {
  content: "\f071";
}
.infobox--error {
  background: #f8d5d9;
}
.infobox--error:before {
  content: "\f056";
}
/* social media ends */
.mgmt-social-media-link-txt a {
  line-height: 20px;
  /*changed from 37px*/
}
.media-youtube-video {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
}
.media-youtube-video iframe,
.media-youtube-video object,
.media-youtube-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#block-views-static-banner-block .block-inner {
  margin: 0;
}
#block-views-static-banner-block .field-type-image img {
  margin: 10px 0;
}
.two-sidebars #block-views-static-banner-block .field-type-image {
  max-width: 490px;
}
.www,
.video {
  line-height: 20px;
  background: url('images/www.png') no-repeat center left;
  padding-left: 20px;
}
.video {
  background: url('images/video.png') no-repeat center left;
}
#block-views-static-banner-block .block-inner {
  margin: 0;
}
#block-views-static-banner-block .field-type-image img {
  margin: 10px 0;
}
.two-sidebars #block-views-static-banner-block .field-type-image {
  max-width: 98%;
}
.www {
  background: url('images/www.png') no-repeat;
  margin-right: 16px;
  max-width: 100%;
}
a.www {
  padding-left: 18px;
}
/*


**************************  Table Style   **************************


*/
table {
  margin: .5em auto;
  padding: 0em;
  border: none;
  background: #fff;
  width: 100%;
  font-size: 100%;
  margin-bottom: 1em;
  empty-cells: show;
}
table tbody tr td {
  padding: .5em;
  border: none;
  vertical-align: top;
  text-align: left;
}
table tbody tr {
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}
table thead th {
  padding: .5em;
  background: #f4f4f4;
  width: 16.66%;
  border: none;
  text-transform: uppercase;
  border-top: 3px solid #ccc;
  border-bottom: 3px solid #ccc;
  padding-top: 1em;
}
caption {
  text-align: left;
  font-weight: bold;
  text-transform: capitalize;
  padding: .5em 0 .5em 0em;
  margin: 0;
  /*border-bottom:3px solid #d0e0e8;*/
  color: #4c6687;
}
table tbody {
  margin-top: 1em;
}
table tr td {
  font-weight: normal;
  text-align: left;
  padding: .1em;
  /*color:#002a5c;*/
  background: #f4f4f4;
  font-size: 14px;
  font-size: 1.4rem;
}
table tr:nth-of-type(odd) td {
  background: #eee;
}
table tr td.bold {
  font-weight: bold;
  font-size: 100%;
}
table tr td.bold:active,
.tableform tr td.bold:hover {
  background: #EEE;
}
tr td:empty {
  visibility: hidden;
  display: none;
  height: 0;
}
tr td:not(:empty) ~ td:empty {
  visibility: visible;
  display: table-cell;
  height: 100%;
}
/*


**************************  TABLE END ///// **************************


*/
#block-views-employment-block table thead th,
#block-views-employment-block tr.even,
#block-views-employment-block tr.odd {
  border: none;
}
#block-views-employment-block td {
  border-right: 1px solid #cccccc;
  padding: 15px;
}
#block-views-employment-block tr > td:last-of-type {
  border: none;
}
#block-views-employment-block tr:nth-of-type(odd) td {
  background: #e0e5ea;
}
#block-views-employment-block table thead th {
  background: #eeeeee;
  text-align: center;
  width: auto;
}
#block-views-employment-block thead {
  text-align: center;
}
#block-views-employment-block table {
  border-bottom: 1px solid #cccccc;
}
#block-views-employment-block span.uppercase {
  text-transform: uppercase;
}
/*Variables*/
.listStyleNone {
  list-style-image: none;
  list-style-type: none;
}
/* SUPERFISH OVERWRITE*/
#menu-bar ul,
#menu-bar ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu-bar ul li a {
  color: #002554;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
#menu-bar a:hover {
  background: #ddd8a9;
}
#menu-bar .sf-vertical,
.sf-vertical li {
  width: auto;
}
#menu-bar .sf-menu.sf-style-simple.sf-vertical li,
.sf-sub-indicator,
.sf-menu.sf-style-default li .sf-menu.sf-style-default li li,
.sf-menu.sf-style-default.sf-navbar,
.sf-menu.sf-style-default a,
.sf-menu.sf-style-default li:hover,
.sf-menu.sf-style-default li.sfHover,
.sf-menu.sf-style-default a:focus,
.sf-menu.sf-style-default a:hover,
.sf-menu.sf-style-default a:active {
  background: #bfb800;
}
.sf-sub-indicator,
.sf-menu.sf-style-default li {
  background: none;
}
.sf-menu.sf-style-default a {
  background: none;
  border: none;
}
/* AT7 builds brumbcrumb trails as an ordered list. */
#breadcrumb {
  margin-left: 0;
}
#breadcrumb ol {
  color: #83786f;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
  padding: 1em 0 0 0;
  text-transform: uppercase;
}
#breadcrumb li {
  display: inline;
  list-style: none;
}
#breadcrumb a {
  color: #83786f;
  text-decoration: none;
}
#breadcrumb .crumb {
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
}
#breadcrumb a:visited {
  color: #a192b2;
}
#breadcrumb a:hover,
#breadcrumb a:focus,
#breadcrumb a:active {
  color: #002554;
  text-decoration: underline;
}
#breadcrumb .crumb a {
  color: #83786f;
  text-decoration: none;
}
#breadcrumb a:visited {
  color: #a192b2;
}
#breadcrumb a:hover {
  color: #002554;
  text-decoration: underline;
}
/* Left Navigation*/
.block-inner {
  margin: 20px 0;
}
.menu-block-1,
.menu-block-2 {
  background: #e1dfdd;
  padding-bottom: 20px;
}
.menu-block-1 ul,
.menu-block-2 ul {
  margin: 0;
  padding: 0;
}
#menu-bar a.active,
#menu-bar .active-trail,
.gallery .gallery_active,
.employment .employment-active,
.person .people-active,
.eventpage .events-active {
  background: #bfb800;
}
#block-menu-block-1 {
  margin-bottom: 20px;
}
#block-menu-block-1 li,
#block-menu-block-2 li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #f4f4f4;
  color: #002554;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  list-style-position: inside;
}
#block-menu-block-1 li a,
#block-menu-block-2 li a {
  background: #e1dfdd;
  color: #333333;
  display: block;
  text-decoration: none;
  padding: 12px 20px;
}
#block-menu-block-1 li a:hover,
#block-menu-block-2 li a:hover {
  background: #d7d4d2;
  cursor: pointer;
  font-weight: bold;
}
#block-menu-block-1 .active-trail {
  color: #002554;
}
ul li.leaf,
ul li.expanded,
ul li.collapsed {
  list-style-image: none;
  list-style-type: none;
}
#block-menu-block-1 ul li ul li a,
#block-menu-block-2 ul li ul li a {
  background: #ddd8a9;
}
#block-menu-block-1 ul li ul li a:hover,
#block-menu-block-1 li.leaf .active-trail,
#block-menu-block-2 ul li ul li a:hover,
#block-menu-block-2 .active-trail {
  background: #bfb800;
}
#block-menu-block-1 .collapsed ul li {
  background: url('images/menu-collapsed.png');
}
#block-menu-block-1 .expanded ul li {
  background: url('images/menu-expanded.png');
}
#block-menu-block-1 .active-trail,
#block-menu-block-1 li.expanded a:hover {
  background: #bfb800 url('images/menu-expanded.png') 5px center no-repeat;
}
.menu-block-1 .expanded ul li a,
.menu-block-2 .expanded ul li a {
  background: #efebc6;
  color: #333333;
  font-weight: 100;
}
#block-menu-block-1 li.expanded ul li .active,
#block-menu-block-1 li.expanded ul li a.active:hover,
#block-menu-block-1 a.active-trail.active,
#block-menu-block-1 .active,
#block-menu-block-2 li.expanded ul li .active-trail,
#block-menu-block-2 li.expanded ul li a.active-trail:hover {
  background: #bfb800 url('images/bg_nav.png') right no-repeat;
  color: #333333;
  font-weight: bold;
  margin-right: -10px;
}
#block-menu-block-1 .active,
#block-menu-block-2 .active {
  margin-right: 0;
}
/*line added by Sebastian*/
#block-menu-block-1 .expanded.active-trail.active > a.active-trail.active,
#block-menu-block-2 .expanded.active-trail.active-trail > a.active-trail.active-trail {
  background: #bfb800 url('images/menu-expanded.png') 5px center no-repeat !important;
  margin-right: 0 !important;
}
#block-menu-block-1 ul li.collapsed a,
#block-menu-block-2 ul li.collapsed a {
  background: #e1dfdd url('images/menu-collapsed.png') 5px center no-repeat;
}
#block-menu-block-1 ul li.collapsed a:hover,
#block-menu-block-2 ul li.collapsed a:hover {
  background: #d7d4d2 url('images/menu-collapsed.png') 5px center no-repeat;
}
#block-menu-block-1 .expanded ul.menu li a:hover,
#block-menu-block-2 .expanded ul.menu li a:hover {
  background-image: none;
}
/*overrides*/
#block-views-accordions-block .block-inner {
  /*margin-left:0;*/
}
.ui-widget-content {
  background: none;
}
.ui-state-default {
  background: none;
}
/*.ui-accordion .ui-accordion-header, #block-views-accordions-block div,*/
.ui-accordion-content div {
  border: none !important;
}
.ui-widget-content {
  border: none;
}
.ui-state-active {
  background: none;
}
.block-inner {
  /*margin-right:0*/
}
.block-inner,
.region-help,
.messages,
#primary-nav,
#secondary-nav,
#breadcrumb,
#main-content > header,
#branding,
#attribution {
  margin-left: 0;
  margin-right: 0;
}
/*flex nav */
.menu-button {
  position: relative;
  display: block;
  padding: 1em;
  background: #a6a6a2;
  color: #222222;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.menu-button.one-page {
  position: fixed;
  top: 0;
  right: 5%;
  padding-right: 45px;
}
.menu-button .touch-button {
  background: transparent;
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
}
.menu-button .touch-button .navicon {
  font-size: 16px;
  position: relative;
  top: 1em;
  color: #666;
}
/* Constants*/
.text-shadow {
  text-shadow: 1px 1px #000;
}
/*----Slideshow----*/
#views_slideshow_cycle_main_slideshow_banner-block {
  width: 100%;
}
.views-slideshow-controls-bottom,
.views-slideshow-controls-top {
  display: block;
}
.view-slideshow-banner {
  position: relative;
}
.views-slideshow-pager-field-item {
  color: #ffffff;
  float: left;
  margin-right: 4px;
  width: 20px;
}
.views-content-counter a {
  background: #ffffff;
  cursor: pointer;
  display: block;
  height: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 0px #000000;
  -moz-box-shadow: 1px 1px 0px #000000;
  box-shadow: 1px 1px 0px #000000;
  text-indent: -99999px;
  width: 15px;
}
.active .views-content-counter a {
  background: #b5afa9;
}
#widget_pager_bottom_slideshow_banner-block,
#widget_pager_bottom_slideshow_banner-block_1 {
  float: right;
  /*margin: 10px 18px 0 0;*/
}
.banner-description a {
  font-size: 15px;
  font-size: 1.5rem;
  color: #ffffff;
}
.description-container h2 {
  color: #ffffff;
}
/* if not a link*/
.banner-description a:hover {
  text-decoration: none;
}
/*sidebar CTA*/
/*.region-sidebar-second p {font-size:0.75em;}*/
.cta-wrap {
  position: relative;
  margin-bottom: 20px;
}
.region-sidebar-second {
  margin-top: 20px;
}
.region-sidebar-second .block-views .block-inner {
  margin: 0px;
}
/*DPES site specific*/
.physsci .region-sidebar-second {
  margin-top: 0;
}
.physsci .chair-msg {
  margin-bottom: 0;
}
.not-front .cta-wrap {
  margin-bottom: 20px;
}
/*-------------------*/
.cta-wrap h3 a,
.cta-wrap h3,
.view-cta-homepage h3,
.view-cta-homepage h3 a {
  color: #002554;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
/*CTA*/
.description {
  background: #e0e4d2;
  padding: 10px;
}
.description p {
  margin-bottom: 0;
}
.cta-coloured {
  padding: 10px;
  height: 150px;
}
.view-cta-homepage h3 a:hover,
.cta-wrap h3 a:hover {
  color: #4d6d92;
  text-decoration: none;
}
.view-cta-homepage .views-row {
  float: left;
  margin-right: 3.2%;
  width: 230px;
}
.front .view-cta-homepage .views-row-1 {
  background: #6cace4;
}
.front .view-cta-homepage .views-row-2 {
  background: #a192b2;
}
.front .view-cta-homepage .views-row-3 {
  background: #7a9a01;
}
.front .view-cta-homepage .views-row-4 {
  background: #d38235;
}
.front .view-cta-homepage .views-row-5 {
  background: #c2b63a;
}
.front .view-cta-homepage .views-row-6 {
  background: #cbcabc;
}
.front .view-cta-homepage .views-row-3,
.front #block-views-cta-home-block .views-row-6,
.front .view-cta-homepage .views-row-last {
  margin: 0;
}
.view.view-cta-homepage .views-row-4,
.view.view-cta-homepage .views-row-5,
.view.view-cta-homepage .views-row-6 {
  margin-top: 20px;
}
.heading-only .cta-coloured {
  height: 20px;
}
.view-cta-teaser .views-row {
  margin-bottom: 10px;
  margin-top: 10px;
}
.view-cta-teaser .views-field-field-cta-image {
  float: left;
  padding: 10px;
  padding-right: 20px;
}
.view-cta-teaser .views-row-odd {
  background: #e6e4e2;
}
.cta-teaser {
  padding-top: 10px;
}
.view-news-block ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.view-news-block ul li {
  display: none;
}
.view-news-block ul li:nth-child(-n+3) {
  border-bottom: 1px dashed #666;
  display: block;
  padding: 15px 5px;
}
h2.block-title {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 5px;
  background: #415a78;
  padding: 8px;
  color: #ffffff;
}
.view-news-block .views-row a {
  font-size: 15px;
  font-size: 1.5rem;
}
.view-news-block .views-row a:hover {
  text-decoration: underline;
}
.script-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.front .script-list ul li {
  border-bottom: 1px dashed #666;
  padding: 10px 0;
}
#block-views-news-block-news-block h2.block-title,
#block-views-news-block-events-views-block h2.block-title {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 5px;
  background: #415a78;
  padding: 8px;
  color: #ffffff;
}
.view-news-block .script-list ul li,
.departmental-events .script-list ul li {
  display: none;
  display: block\9;
}
.front .view-news-block .script-list ul li:nth-child(-n+3),
.front .departmental-events .script-list ul li:nth-child(-n+3) {
  display: block;
}
.front #block-views-news-block-news-block .feed-time,
.front .view-news-block .feed-time,
.front #block-views-news-block-news-block .feed-date,
.front .view-news-block .feed-date {
  display: none;
}
.script-list {
  font-size: 14px;
  font-size: 1.4rem;
}
.script-list .feed-description a {
  line-height: 12px;
}
.script-list a:hover {
  text-decoration: underline;
}
.script-list .view-all a,
.script-list .view-all-campus-events a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666666;
  float: right;
  font-weight: 600;
  background: #e1dfdd;
  border: 1px solid #cccccc;
  padding: 6px;
  text-decoration: none;
  text-shadow: 0 1px 3px rgba(255, 255, 255, 0.2);
}
.departmental-events .script-list .view-all a,
.view-news-block .script-list .view-all a {
  display: block;
}
.departmental-events .feed-date {
  font-size: 18px;
  font-size: 1.8rem;
  background: #6cace4;
  color: #ffffff;
  font-weight: bold;
  float: left;
  height: 40px;
  margin: 0 8px 2px 0;
  padding: 5px;
  text-align: center;
  width: 40px;
}
.departmental-events .feed-time {
  font-size: 15px;
  font-size: 1.5rem;
  color: #666666;
  margin-left: 60px;
  padding-bottom: 1px;
}
.departmental-events .feed-description {
  height: 34px;
  overflow: hidden;
}
.departmental-events .article-type-page:nth-child(even) {
  background: #e6e4e2;
}
.not-front .departmental-events .feed-description {
  padding-top: 3px;
  height: 29px;
}
.not-front .script-list ul li:nth-child(odd) {
  background: #ebebeb;
}
#main-content .view-all a {
  display: none;
}
#main-content .script-list {
  margin-top: 20px;
}
#main-content .script-list ul li {
  display: block;
  border: none;
  margin-bottom: 10px;
}
.article-content .news-list-page,
.not-front .view-news-block .news-list-page {
  font-size: 13px;
  font-size: 1.3rem;
}
.article-content .news-list-page .feed-date {
  float: left;
  width: 100px;
}
.not-front .view-news-block .news-list-page .feed-date {
  float: left;
}
/* new because of dispaly conflict with management */
#main-content .departmental-events ul li {
  min-height: 50px;
}
#main-content .departmental-events ul li .feed-date {
  width: 40px;
}
.article-content .news-list-page .feed-time,
.not-front .view-news-block .news-list-page .feed-time {
  display: none;
}
.article-content .news-list-page ul li,
.not-front .view-news-block .news-list-page ul li {
  padding: 10px;
}
.two-sidebars .feed-description {
  margin-left: 100px;
}
/* Gallery 
------------------------*/
/* View */
.view-gallery .views-row {
  float: left;
  margin: 0.5em 0 1em 0;
  margin-right: 2.6%;
  width: 230px;
  min-height: 200px;
  max-height: 200px;
}
.no-sidebars .view-gallery .views-row .views-row-4 {
  margin-right: 0;
}
.view-gallery .views-row {
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25);
}
.view-gallery .views-row .views-field-title .field-content {
  display: block;
  padding: 0.5em;
}
/* Content */
.article-photo-gallery .field-slideshow {
  background-color: #ebebeb;
  position: static !important;
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 1em;
}
.article-photo-gallery .field-slideshow-slide {
  width: 100% !important;
}
.article-photo-gallery .field-slideshow-image {
  display: block;
  margin: 1em auto 0 auto;
  max-height: 350px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.article-photo-gallery .field-slideshow-caption {
  margin: 1em;
  text-align: center;
}
.article-photo-gallery .field-slideshow-controls {
  z-index: 10;
}
.article-photo-gallery .field-slideshow-controls a {
  display: inline-block;
  width: 49.5%;
  height: 30px;
  padding: 0.5em 1.5em;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  font-weight: bold;
}
.article-photo-gallery .field-slideshow-controls a.prev {
  background: url('images/gallery-prev.png') no-repeat 0 0;
}
.article-photo-gallery .field-slideshow-controls a.next {
  text-align: right;
  background: url('images/gallery-next.png') no-repeat 100% 0;
}
.article-photo-gallery .field-slideshow-controls a:hover {
  text-decoration: none;
}
.article-photo-gallery .field-slideshow-controls a.prev:hover {
  background: url('images/gallery-prev-hov.png') no-repeat 0 0;
}
.article-photo-gallery .field-slideshow-controls a.next:hover {
  text-align: right;
  background: url('images/gallery-next-hov.png') no-repeat 100% 0;
}
.article-photo-gallery .field-slideshow-wrapper .item-list {
  margin: 2em 0;
}
.field-type-image img {
  -webkit-box-shadow: 0px 0px 10px #666666;
  -moz-box-shadow: 0px 0px 10px #666666;
  box-shadow: 0px 0px 10px #666666;
  border-color: #ffffff;
  border-width: 5px;
  border-style: solid;
}
/*
.two-sidebars .field-name-field-list-page-image  img {width: 490px;}
*/
.teaser .field-type-image img {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}
/*.field-name-field-image,
.field-name-field-list-page-image,
.field-name-field-page-image {
  img {
    width: 99%;
  }
}*/
.teaser .field-name-field-building,
.teaser .field-name-field-building div,
.teaser .field-name-field-room,
.teaser .field-name-field-room div {
  display: inline;
}
.field-name-field-page-list .odd,
.field-name-field-person-list .odd,
.field-name-field-resources .odd {
  background-color: #e6e4e2;
}
.webform-client-form .float-left,
.webform-client-form .float .form-type-checkbox {
  float: left;
  width: 48%;
}
.webform-client-form .webform-component-fieldset .float-left {
  width: 45%;
}
.one-sidebar .article-type-webform input[type="text"] {
  width: 99%;
}
.one-sidebar .webform-client-form .float-left {
  width: 47%;
}
.form-item, .form-actions{
  margin-top: 0;
  margin-bottom: 0.5em;
}
#article-205 #webform-client-form-205 #edit-submit-draggable-wrapper {
  top: 1875px;
}
#article-205 .arrange-fields-container-webform-client-form-205 {
  height: 1900px;
}
#article-205 #webform-client-form-205 #edit-captcha-draggable-wrapper {
  position: absolute;
  top: 1670px;
}
fieldset {
  border: 1px solid #e6e4e2;
  border-bottom-width: 3px;
}
legend {
  display: block;
  padding: .5em;
  margin: 0;
  font-weight: bold;
}
.article-type-webform label {
  padding: 1em 0 0.5em 0;
}
.article-type-webform input,
.article-type-webform textarea {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f2f2f2, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #ffffff);
  background-image: -o-linear-gradient(top, #f2f2f2, #ffffff);
  background-image: linear-gradient(to bottom, #f2f2f2, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffffffff', GradientType=0);
  padding: .5em;
  border: 1px solid #ccc;
}
input[type=submit] {
  background: #fff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: .6em;
}
.webform-client-form .description {
  background: none;
  padding: 10px 0;
}
#webform-client-form-205 input[type=text] {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float: left;
  width: 100%;
  margin-right: 20px;
}
#webform-client-form-205 input[type=text] input[type=text],
#webform-client-form-205 input[type=text] input[type=number],
#webform-client-form-205 input[type=text] input[type=email],
#webform-client-form-205 input[type=text] textarea {
  border: 1px solid #ccc;
}
#webform-client-form-205 #webform-component-contact-name,
#webform-client-form-205 #webform-component-contact-title,
#webform-client-form-205 #webform-component-company-name,
#webform-client-form-205 #webform-component-address,
#webform-client-form-205 #webform-component-city,
#webform-client-form-205 #webform-component-province-state,
#webform-client-form-205 #webform-component-postal-zip-code,
#webform-client-form-205 #webform-component-country,
#webform-client-form-205 #webform-component-website,
#webform-client-form-205 #webform-component-phone,
#webform-client-form-205 #webform-component-fax,
#webform-client-form-205 .webform-component {
  height: 40px;
  margin-right: 40px;
  width: 45%;
  float: left;
}
#webform-client-form-205 #webform-component-fax,
#webform-client-form-205 #webform-component-e-mail {
  margin-bottom: 30px;
}
#webform-client-form-205 #webform-component-e-mail,
#webform-client-form-205 #webform-component-company-info-profile {
  clear: both;
  float: none;
}
#webform-client-form-205 #webform-component-company-info-profile {
  margin-bottom: 60px;
  width: 100%;
}
#webform-client-form-205 #webform-component-job-qualifications {
  margin-bottom: 90px;
}
#webform-client-form-205 .webform-component input[type=number],
#webform-client-form-205 .webform-component input[type=email],
#webform-client-form-205 .webform-component {
  width: 450px;
}
#webform-client-form-205 .webform-component {
  margin-bottom: 10px;
}
#webform-client-form-205 .captcha {
  clear: both;
  width: 50%;
}
#webform-client-form-205 input[type=text]#edit-captcha-response {
  width: 90%;
}
#webform-client-form-205 input[type=submit] {
  cursor: pointer;
}
#webform-client-form-205 input[type=submit]:hover {
  background: #efefef;
}
/*blue button style*/
a.btn {
  display: block;
  font-size: 2rem;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 13px;
  font-size: 1.3rem;
  color: #ffffff;
  font-weight: 600;
  background: #002554;
  border: 1px solid #cccccc;
  text-decoration: none;
  text-shadow: 0 1px 3px rgba(255, 255, 255, 0.2);
}
a.btn:hover {
  color: #f4f4f4;
  background: #6cace4;
}
a.greybtn {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #e1dfdd;
  color: #666666;
  display: inline;
  padding: 6px;
  text-decoration: none;
  border: 1px solid #CCC;
}
a.greybtn:hover {
  background: #4d6d92;
  color: #fff;
}
/* Event Content Type */
.event .views-row-odd {
  background: #E6E4E2;
}
.event .views-row {
  margin-bottom: 20px;
  padding: 10px;
  padding-bottom: 0;
}
.event a.btn {
  width: 150px;
  display: inline-block;
}
.event img {
  float: left;
  margin-right: 20px;
  padding-bottom: 10px;
}
.event h2 {
  font-size: 1.8rem;
  /*line-height: 2.5rem;*/
  margin-bottom: 1rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1rem;
  color: #111;
}
.event .date {
  margin-bottom: 0;
}
.event .location {
  margin-top: 0.5em;
}
.event p {
  line-height: 2.2rem;
  margin-bottom: 0;
}
/*





Responsive below 







*/
/**
 * Use this file to conditionally override styles for devices.
 * If you adjust the media queries in the theme settings you should
 * adjust them here so they match.
 */
/* Smartphone portrait */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  /*header*/
  #google {
    width: 60%;
  }
  .region .cta-wrap,
  .region .view-cta-homepage .views-row {
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .region .sidebar {
    margin: 0 auto;
  }
  /*--- CTA's 
  .view-cta-homepage .views-row {
    float: none;
    margin: 0 0 20px 0;
    width: auto;
  }
  .views-field-field-cta-image img,
  .cta-wrap img {
    width: 100% !important;
  }
  .cta-img {
    height: auto;
  }
  .html .region-sidebar-second {
    width:96%;
    margin: 0;
    margin-left:2%;
  }
  .description {
    margin-top: -3px;
  }
  .description img {
    width: 100%;
  }---*/
  #views_slideshow_cycle_main_slideshow_banner-block {
    height: 170px;
  }
  .padding-right0 {
    padding-right: 0;
  }
  .teaser .field-name-field-list-page-image img {
    width: 180px;
    margin-right: 20px;
  }
  .view-contact-info .views-row,
  .view-teaching-technichians .views-row,
  .view-administration .views-row {
    margin-right: 0;
    width: 100%;
    float: none;
  }
  /* banner image */
  /*#block-views-slideshow-banner-block img { width:100% !important}*/
  .not-front.sidebar-first #main-content {
    margin-right: 2%;
  }
  /*override*/
  .html.one-sidebar .sidebar,
  .not-front .region-sidebar-second {
    width: 98%;
    margin-left: 1%;
  }
}
/* range expended from 599 to 800 so we can see menu on tablets */
@media only screen and (min-width: 320px) and (max-width: 800px) {
  body {
    overflow-x: hidden;
  }
  /* ---- Pre-header----- */
  #global_header,
  #global_header nav,
  #ut_main,
  .dept_bg {
    position: static;
  }
  .pre-header,
  #global_header {
    height: auto;
  }
  .pre-header ul li a {
    padding: .8em;
    text-align: left;
  }
  .pre-header ul li a {
    border-right: none;
  }
  #google {
    position: absolute;
    float: left;
    top: 7px;
    width: 180px;
    left: 10px;
  }
  #utsearch {
    width: auto;
  }
  li.future_students {
    border-top: 1px solid #fff;
  }
  #ut_main {
    margin: 0 auto;
  }
  #ut_main a {
    text-align: center;
  }
  /* ---- Pre-header ends----- */
  #block-superfish-1 #superfish-1-select,
  nav#block-superfish-1 {
    display: none;
  }
  #global_header nav,
  .pre-header .segmentation {
    display: none;
  }
  .collapse-button .icon-bar {
    background-color: #F5F5F5;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
  }
  .menu-collapser {
    position: relative;
    background-color: #4c6687;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  #global_header .menu-collapser {
    background: none;
    position: absolute;
    top: 0;
    right: 50px;
    width: 50px;
  }
  .collapse-button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 40px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    padding: 7px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .collapse-button:hover,
  .collapse-button:focus {
    background-image: none;
    border-color: #008bb0;
    color: #FFF;
  }
  ul.segmentation,
  ul.tools {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  ul.segmentation li,
  ul.tools {
    position: relative;
    display: inline-block;
    background-color: #aaa;
  }
  ul.segmentation > li:first-child {
    border-left: 0;
  }
  ul.segmentation > li:last-child {
    margin-right: 0 ;
  }
  ul.segmentation li a {
    color: #fff;
    background: #4c6687;
    display: block;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
  }
  ul.segmentation li a:hover {
    background-color: #595959;
    text-decoration: none;
  }
  ul.segmentation li .sub-collapser {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    text-align: center;
    z-index: 999;
    cursor: pointer;
  }
  ul.segmentation li .sub-collapser:before,
  ul.tools li .sub-collapser {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }
  ul.segmentation li .sub-collapser > i,
  ul.tools li .sub-collapser > i {
    color: #333;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
  }
  ul.segmentation li ul,
  ul.tools li ul {
    margin: 0;
    list-style-type: none;
  }
  ul.segmentation li ul li {
    background-color: #bbbbbb;
  }
  ul.segmentation li > ul,
  ul.tool li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;
  }
  ul.segmentation li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
  }
  ul.segmentation.collapsed li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  ul.segmentation.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  ul.segmentation.collapsed li .sub-collapser {
    height: 40px;
  }
  ul.segmentation.collapsed li > ul {
    display: none;
    position: static;
  }
  #global_header nav {
    height: 0;
  }
  #global_header nav ul {
    padding: 0;
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    z-index: 100;
  }
  #global_header nav ul li {
    display: block;
    float: none;
    border-right: none;
    text-align: left;
  }
  #global_header nav ul li a {
    border-bottom: 1px solid #fff;
    background: #97b2cf;
    color: #333;
    font-size: 14px;
    font-size: 1.2rem;
    margin: 0;
    zoom: 1;
    filter: alpha(opacity=96);
    opacity: 0.96;
    padding: .8em;
    text-transform: uppercase;
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
  }
  #global_header nav ul li a:hover {
    color: #fff;
    background-color: #595959;
  }
  #global_header .collapse-button .icon-bar {
    display: none;
  }
  #global_header .collapse-button {
    background: url('images/wrench.png') 9px 5px no-repeat;
    height: 33px;
  }
  h2#dept_title {
    padding-top: 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: sans-serif;
    text-transform: uppercase;
    color: #fff;
    width: 80%;
  }
  .dept_bg {
    height: auto;
    background: #4c6687;
    padding: 1.2em 0.6em;
  }
  /*--- Departmental Menu Bar ---*/
  .js .slicknav_menu {
    display: block;
    position: relative;
    float: right;
    top: -43px;
    width: 100%;
  }
  a.slicknav_btn {
    width: 23px;
    float: right;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    padding: 8px 5px 8px 10px;
    margin-right: 10px;
  }
  a.slicknav_btn:hover {
    background: none;
  }
  /* Button Lines */
  #menu-bar .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    color: #fff;
  }
  #menu-bar .slicknav_menu .slicknav_icon-bar {
    background-color: #F5F5F5;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
  }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em;
  }
  #menu-bar .slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
  }
  #menu-bar ul.slicknav_nav {
    width: 100%;
    margin: 50px 150px 0 0;
  }
  #menu-bar .slicknav_parent .slicknav_arrow {
    float: right;
    margin: -24px 1px 0 0;
    padding-top: 5px;
    font-size: 18px;
    font-size: 1.8rem;
    width: 35px;
    height: 25px;
    background: #97b2cf;
    color: #325070;
    text-align: center;
    font-weight: 100;
  }
  #menu-bar ul li ul .slicknav_parent .slicknav_arrow {
    margin: -27px 1px -7px 0;
    background: #ccc;
  }
  #menu-bar ul li {
    background: #d9dce1;
    border-bottom: 1px solid #fff;
    padding: 0.5em 0 0.6em 0.5em;
  }
  #menu-bar ul li a {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
  }
  #menu-bar ul li ul li a {
    font-weight: 100;
    text-transform: capitalize;
    padding: .3em 0 .3em 0.3em;
  }
  #menu-bar ul li ul li.sf-no-children a {
    padding: .6em;
  }
  #menu-bar ul li ul li.sf-depth-3 {
    padding: .3em .8em .3em 2em;
    border-bottom: 1px solid #d9dce1;
    width: 95% !important;
  }
  #menu-bar ul li:hover {
    background: #bfb800;
  }
  #menu-bar a:focus {
    border: none;
  }
  #menu-bar ul li a:hover {
    background: none;
  }
  #menu-bar ul li ul {
    margin: -2px 0 0px -10px;
  }
  #menu-bar ul li ul li ul {
    margin: 7px 0 0 -9px;
  }
  #menu-bar ul li ul li {
    background: #efefef;
    padding: 0;
  }
  #menu-bar ul li ul li:hover {
    background: #d9dce1;
  }
  #menu-bar ul li ul li.last {
    margin-bottom: 10px;
  }
  #menu-bar ul li ul li ul li {
    background: #fff;
  }
  #menu-bar ul li ul li ul li:last-child {
    margin-bottom: 0;
  }
  /*disable superfish mobile*/
  #superfish-1-select {
    display: none;
  }
  /*--- main content area ---*/
  #page-title {
    margin-bottom: 1em;
    margin-top: 1.5em ;
  }
  .cta-wrap,
  .view-cta-homepage .views-row {
    width: 230px;
    float: left;
    margin-right: 20px;
  }
  /*.front .view-cta-homepage .views-row-3 { margin-right:20px; margin-top: 20px}*/
  .region-sidebar-second .view-cta-sidebar {
    margin: 0 .5em;
  }
  .cta-wrap .cta-img {
    height: 138px;
  }
  /* fixes height of images for CTA*/
}
/* 
--------------------------------

          @media only screen and (min-width: 320px) and (max-width: 800px) ends 

--------------------------------
*/
@media only screen and (min-width: 320px) and (max-width: 599px) {
  /* slideshow banner centering bullets on mobile */
  .views-slideshow-controls-bottom {
    position: absolute;
    z-index: 200;
    /*top: 200px;*/
    bottom: 130px;
    /*left: 50%;
    right: 20px;*/
    /*New code*/
    padding:5px;
  }
  
  #widget_pager_bottom_slideshow_banner-block_1, #widget_pager_bottom_slideshow_banner-block {
  float: left;
  /*margin: 10px 18px 0 0;*/
}
  /* make bullets larger for touchability */
  .views-content-counter {
    height: 30px;
    width: 30px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
  }
  .views-slideshow-pager-field-item {
    width: 40px;
  }
  #widget_pager_bottom_slideshow_banner-block {
    float: none;
    margin-top: 10px;
    display: inline-block;
    position: relative;
    margin-left: -50%;
  }
  .banner-description {
    background: #4c6687;
    color: #fff;
    padding: .4em;
    margin-top: -0.2em;
    font-family: sans-serif;
    /*padding-top: 15px;*/
    padding: 0;
  }
  .banner-description p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .banner-description h2 a {
    color: #fff;
    font-size: 16px;
    font-size: 2rem;
    font-weight: bold;
    font-family: sans-serif;
  }
  .banner-description h2, .banner-description p { padding: 10px;}
  .banner-description h2 + p { padding-top: 0}
  .banner-description p { margin-top: 0}
  /*#main-content,
  .one-sidebar #main-content,
  #block-views-slideshow-banner-block .block-inner,*/
  #main-content .block-inner {
    margin-top: 0;
  }
  .region-sidebar-first {
    display: none;
  }
  /*

  teaser view was too spread out - style was inconsistent with the CTA teaser view on mobile


  #main-content .field-name-body p {
    line-height: 2em;
  }*/
  #main-content {
    padding: 0 .5em;
  }
  .view-static-banner {
    padding-right: 0.4em;
  }
  /* this line causes any image on the body to disappear on mobile devices not sure why it's here, 
  but needs to be changed for the original purpose so it's not affecting all images */
  /*.field-name-body img {
    display: none;
  }*/
  .field-name-body table img {
    display: block;
    width: 90%;
  }
  .sidebar-first .view-static-banner img {
    width: auto !important;
  }
  .block-menu-block {
    display: none;
  }
  /*hides menu block from mobile*/
  ul.quicktabs-tabs li {
    background: #ccc;
    display: block;
  }
  .quicktabs-style-nostyle .item-list {
    background: none;
  }
  .quicktabs-style-nostyle .item-list li.active {
    background: #bfb800;
  }
  /*General tables styles*/
  table {
    border-collapse: collapse;
    padding: 0;
    margin: 0 0 11px 0;
    width: 100%;
  }
  table tr,
  table th,
  table td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
  }
  table thead th {
    width: 100%;
  }
  thead tr {
    display: block;
  }
  th {
    display: block;
    text-align: right;
  }
  th {
    text-align: left;
  }
  table tr td {
    background: #fff;
    vertical-align: top;
    padding: 10px;
    text-align: right;
  }
  table tbody tr {
    border: none;
  }
  table tr {
    padding-bottom: 11px;
    margin-bottom: 11px;
  }
  /* Table styles with Headings */
  table.responsive tr td:not(:empty) ~ td:empty,
  table.responsive2 tr td:not(:empty) ~ td:empty,
  table.responsive3 tr td:not(:empty) ~ td:empty {
    display: block;
  }
  table.responsive,
  table.responsive2,
  table.responsive3,
  table.responsive thead,
  table.responsive2 thead,
  table.responsive3 thead,
  table.responsive tbody,
  table.responsive2 tbody,
  table.responsive3 tbody,
  table.responsive th,
  table.responsive2 th,
  table.responsive3 th,
  table.responsive td,
  table.responsive tr {
    display: block;
  }
  table.responsive thead tr,
  table.responsive2 thead tr,
  table.responsive3 thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.responsive tr,
  table.responsive2 tr,
  table.responsive3 tr {
    margin-bottom: 10px;
  }
  #main-content table.responsive p,
  #main-content table.responsive2 p,
  #main-content table.responsive3 p {
    margin: 0;
    width: 50%;
  }
  table.responsive td,
  table.responsive2 td,
  table.responsive3 td {
    border: none;
    position: relative;
    padding-left: 50%;
  }
  table.responsive td:before,
  table.responsive2 td:before,
  table.responsive3 td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 40%;
    padding-right: 10px;
    text-align: left;
    word-wrap: break-word;
  }
  table.responsive td:before,
  table.responsive2 td:before,
  table.responsive3 td:before {
    content: attr(data-content) ":";
    height: 50px;
    font-weight: bold;
  }
  table.responsive td.small-padding,
  table.responsive2 td.small-padding,
  table.responsive3 td.small-padding {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  table.responsive td.medium-padding,
  table.responsive2 td.medium-padding,
  table.responsive3 td.medium-padding {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  table.responsive td.large-padding,
  table.responsive2 td.large-padding,
  table.responsive3 td.large-padding {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  table.responsive tbody tr,
  table.responsive2 tbody tr,
  table.responsive3 tbody tr {
    padding: 0;
  }
  .teaser .field-type-image {
    float: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
  /*  .views-slideshow-controls-bottom {
    position: absolute;
    top: 195px;
    right: 5px;
    padding: 0;
    z-index: 200;
  }*/
  #views_slideshow_cycle_main_slideshow_banner-block {
    height: 250px;
  }
  .cta-img {
    height: auto;
  }
  .cta-wrap img {
    width: 100%;
  }
  .description {
    margin-top: -3px;
  }
}
/*fixes width of messages under CTA being the size of the box*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .cta-wrap,
  .view-cta-homepage .views-row {
    width: 230px;
    float: left;
    margin-right: 20px;
  }
  .front .view-cta-homepage .views-row-3 {
    margin-right: 20px;
    margin-top: 20px;
  }
  .region-sidebar-second .view-cta-sidebar {
    margin: 0 .5em;
  }
  .cta-wrap .cta-img {
    height: 138px;
  }
  /* fixes height of images for CTA*/
  #main-content {
    /*fixes margin on main content on tablet view, so content isn't touching screen edges*/
    padding: 0 .5em;
    overflow: hidden;
    margin-right: 2%;
  }
  .not-front.sidebar-first #main-content {
    margin-right: 2%;
  }
  /*override*/
  .not-front.sidebar-first .region-sidebar-first,
  .not-front.two-sidebars .region-sidebar-first {
    display: none;
    visibility: hidden;
  }
  .two-sidebars .region-sidebar-second,
  .region-sidebar-second,
  .html.one-sidebar .sidebar {
    width: 98%;
    margin-left: 1%;
  }
  .two-sidebars #main-content {
    float: left;
  }
}
/* banner image */
/*  #block-views-slideshow-banner-block img { width:100% !important}*/
@media only screen and (min-width: 600px) and (max-width: 799px) {
  .cta-wrap {
    float: left;
    margin-right: 2%;
    /*width: 210px;*/
  }
  .views-slideshow-controls-bottom {
    position: absolute;
    top: 195px;
    right: 5px;
    padding: 0;
    z-index: 200;
  }
}
@media only screen and (min-width: 600px) {
  /* ----------------------
  		HOMEPAGE BANNER
  		---------------------- */
  .banner-description {
    color: #ffffff;
    /*background: #000;*/ background: none;
    position: absolute;
    /*padding: 10px;*/ padding: 0;
    /*padding-bottom: 0;*/
    bottom: 16px;
    left: 20px;
    /*filter: alpha(opacity=90);*/
    opacity: 0.9;
    width: 420px;
  }

  .banner-description h2,
  .banner-description p {/*new code block*/
    background: #000;
    filter: alpha(opacity=90);
    margin: 0;
    padding: 10px;
  }
  .banner-description h2 + p {/*new code block*/
    padding-top: 0px;
  }

  .banner-description p {
    font-size: 15px;
    font-size: 1.5rem;
  }
  #views_slideshow_cycle_main_slideshow_banner-block {
    position: relative;
  }
  /*Portrait Slider styles*/
  .region-sidebar-second .banner-description {
    width: 210px;
    position: relative;
    left: 0;
    bottom: 5px;
    padding-bottom: 10px;
    background: #e0e4d2;
    color: #333333;
  }
  .region-sidebar-second .banner-description h2 {
    color: #002554;
  }
  .field-name-body img {
    max-width: 250px;
  }
  /* If taken out img shrink to 5px by 5px. See http://www-dev.utsc.utoronto.ca/mgmt/getting-involved*/
  .field-name-body img.full-width {
    max-width: none;
  }
  .two-sidebars #main-content {
    margin: 20px 1% 0 1%;
    width: 98%;
    float: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 998px) {
  #menu-bar a {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .sidebar-second #main-content,
  .not-front.sidebar-second #main-content {
    width: 91%;
  }
  .not-front #main-content,
  .not-front.sidebar-first #main-content {
    width: 75%;
  }
  .not-front.no-sidebars #main-content {
    width: 98%;
    margin-left: 1%;
  }
  #columns .region-sidebar-second {
    width: 24%;
    margin-left: -25%;
  }
  .sidebar-second #main-content {
    margin-left: 1%;
  }
}
/* fixes no margin for the 3rd (green) CTA on homepage main page area on responsive*/
@media only screen and (min-width: 600px) and (max-width: 998px) {
  .front .region-content .view-cta-homepage .views-row-3 {
    margin-top: 20px;
    margin-right: 3.2%;
  }
}
@media only screen and (min-width: 768px) {
  /* Changes for askcoop alumni page */
  .askcoop-alumni {
    margin-left: 240px;
  }
  .mgmt-social-media-link-txt-2l {
    padding-top: 10px;
  }
  /*accomodate 2 lines for social media text*/
  #menu-bar ul li ul {
    margin: 0;
    padding: 0;
    background: #ddd8a9;
    display: block;
    padding: 0 !important;
  }
  #menu-bar ul li ul li {
    background: #ddd8a9;
    border-bottom: 1px solid #e6e4e2;
    padding: 0;
  }
  #menu-bar ul li ul li a {
    background: #ddd8a9;
    color: #000;
    font-weight: normal;
    text-transform: none;
    width: auto;
    margin: 0 5px 0 0;
  }
  #menu-bar ul li ul li a:hover,
  #menu-bar ul li:hover {
    background: #bfb800;
  }
  .sidebar-first #main-content {
    float: left;
    margin-left: 2%;
  }
  .two-sidebars #main-content {
    margin: 20px 2% 0 2%;
    width: 50%;
    float: left;
  }
  .sidebar-second #main-content {
    margin-right: 2%;
  }
  #block-views-news-block,
  #block-views-events-block {
    float: left;
    margin-right: 3.2%;
    width: 230px;
  }
  #block-views-news-block .block-title,
  #block-views-events-block .block-title {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 5px;
    background: #4d6d92;
    padding: 8px;
    color: #ffffff;
  }
  .view-news .views-row,
  .view-id-events .views-row {
    border-bottom: 1px solid #cccccc;
    padding: 20px 0 20px 0;
    height: 40px;
    border-bottom: 1px dashed #666666;
  }
  .view-contact-info .views-row,
  .view-teaching-technichians .views-row,
  .view-administration .views-row {
    float: left;
    margin-right: 3.2%;
    width: 45%;
  }
  .view-contact-info .no-photo,
  .view-teaching-technichians .no-photo,
  .view-administration .no-photo {
    height: 120px;
  }
  #block-views-contact-info-block .block-inner {
    margin-top: -10px;
  }
  .two-sidebars .view-contact-info .views-row,
  .two-sidebars .view-teaching-technichians .views-row,
  .two-sidebars .view-administration .views-row {
    float: none;
    width: 100%;
  }
  .field-name-field-page-list {
    border-top: 1px dashed #cccccc;
  }
  .front .field-name-field-page-list {
    border-top: none;
  }
  .field-name-field-page-list p {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .field .field-label {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .not-front .region-sidebar-second {
    margin-top: 50px;
  }
  .two-sidebars .region-sidebar-second {
    margin-top: 35px;
  }
  #block-views-news-block-news-block,
  .departmental-events {
    margin-bottom: 20px;
  }
  .view-id-news span.date-display-single {
    background: #d38235;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #ffffff;
    display: block;
    font-weight: bold;
    float: left;
    height: 40px;
    margin-right: 8px;
    padding: 5px;
    text-align: center;
    text-shadow: 1px 1px 1px #333, 0 0 0 #efefef, 1px 1px 1px #333;
    text-transform: uppercase;
    width: 40px;
  }
  .view-id-faculty .views-row,
  .view-staff-co-op .views-row,
  .view-cross-appointed-faculty .views-row,
  .view-adjunct-faculty .views-row,
  .view-faculty-of-computer-sciences .views-row,
  .view-faculty-of-mathematics .views-row,
  .view-faculty-of-statistics .views-row,
  .view-health-studies-faculty .views-row,
  .view-anthropology-faculty .views-row,
  .view-graduate-faculty .views-row,
  .view-people .views-row {
    border-bottom: 2px solid #cccccc;
  }
  .view-id-faculty .views-row,
  .view-staff-co-op .views-row,
  .view-cross-appointed-faculty .views-row,
  .view-adjunct-faculty .views-row,
  .view-faculty-of-computer-sciences .views-row,
  .view-faculty-of-mathematics .views-row,
  .view-faculty-of-statistics .views-row,
  .view-health-studies-faculty .views-row,
  .view-anthropology-faculty .views-row,
  .view-graduate-faculty .views-row,
  .view-people .views-row {
    border-bottom: 2px solid #cccccc;
    margin-right: 40px;
    padding: 20px 0 10px 0;
    width: 385px;
    height: 180px;
    /* have to specify a height or page will not align*/
    float: left;
  }
  .view-faculty-name-list .views-row {
    float: left;
    height: 24px;
    width: 49%;
  }
  .view-id-faculty .views-row {
    height: 180px;
    position: relative;
  }
  .view-id-faculty .views-row:hover {
    background: #efecec;
  }
  .emeritus .views-row:hover {
    background: none;
  }
  .big_link {
    position: absolute;
    top: 0;
    left: 0;
  }
  .big_link > a {
    display: block;
  }
  .big_link > a:hover {
    text-decoration: none;
  }
  .big_link,
  .big_link > a {
    height: 209px;
    width: 340px;
    margin: 0;
    padding: 0;
  }
  .sidebar-first .view-id-faculty .views-row,
  .sidebar-first .view-staff-co-op .views-row,
  .sidebar-first .view-cross-appointed-faculty .views-row,
  .sidebar-first .view-adjunct-faculty .views-row,
  .sidebar-first .view-faculty-of-computer-sciences .views-row,
  .sidebar-first .view-faculty-of-mathematics .views-row,
  .sidebar-first .view-faculty-of-statistics .views-row,
  .sidebar-first .view-health-studies-faculty .views-row,
  .sidebar-first .view-anthropology-faculty .views-row,
  .sidebar-first .view-graduate-faculty .views-row,
  .sidebar-first .view-people .views-row {
    width: 345px;
  }
  .view-students .views-row {
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 20px;
    min-height: 150px;
  }
  .view-students {
    margin-right: 20px;
  }
  .view-id-faculty .views-row-even,
  .view-staff-co-op .views-row-even,
  .view-cross-appointed-faculty .views-row-even,
  .view-adjunct-faculty .views-row-even,
  .view-faculty-of-computer-sciences .views-row-even,
  .view-faculty-of-mathematics .views-row-even,
  .view-faculty-of-statistics .views-row-even,
  .view-health-studies-faculty .views-row-even,
  .view-anthropology-faculty .views-row-even,
  .view-graduate-faculty .views-row-even,
  .view-people .views-row-even {
    margin: 0;
  }
  .view-id-faculty h2,
  .view-staff-co-op h2,
  .view-adjunct-faculty h2,
  .view-cross-appointed-faculty h2,
  .view-faculty-of-computer-sciences h2,
  .view-faculty-of-mathematics h2,
  .view-faculty-of-statistics h2,
  .view-health-studies-faculty h2,
  .view-anthropology-faculty h2,
  .view-graduate-faculty h2,
  .view-people h2 {
    color: #333333;
    font-weight: bold;
  }
  .view-id-faculty img,
  .view-staff-co-op img,
  .view-adjunct-faculty img,
  .view-cross-appointed-faculty img,
  .view-students img,
  .view-faculty-of-computer-sciences img,
  .view-faculty-of-mathematics img,
  .view-faculty-of-statistics img,
  .view-health-studies-faculty img,
  .view-anthropology-faculty img,
  .view-graduate-faculty img,
  .view-people img,
  .view-id-contact_info img {
    float: left;
    margin-right: 13px;
    width: 104px;
  }
  ul.info {
    float: left;
    width: 205px;
  }
  ul.info li {
    line-height: 20px;
  }
  li.full-bio {
    height: 40px;
    margin-top: 20px;
  }
  li.full-bio a {
    font-weight: bold;
    color: #333333;
    background: #cccccc;
    padding: 10px;
    margin-top: 30px;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 0 1px 0 #ffffff;
  }
  /* min width 768px */
}
@media only screen and (max-width: 999px) {
  /*adds margin for breadcrumb and navigation for all layouts below desktop size*/
  #breadcrumb,
  .not-front .region-sidebar-first {
    margin-left: 2%;
  }
  .view-static-banner img {
    width: 99%;
  }
  /* fixes static banner not touching edge of screen on smaller screens*/
}
@media only screen and (min-width: 800px) and (max-width: 999px) {
  /*--- Slideshow ---*/
  .views-field-field-banner img {
    height: auto;
    z-index: -1;
  }
  .no-sidebars #block-views-slideshow-banner-block {
    width: 75%;
  }
  #columns .region-sidebar-second {
    width: 24%;
    margin-left: -25%;
  }
}
@media only screen and (min-width: 800px) {
  .js .slicknav_menu {
    display: none;
  }
  #menu-bar {
    border-bottom: 1px solid #002554;
    height: 40px;
    background: #fff;
    padding-left: 0;
  }
  #menu-bar ul li {
    /*width: 25%; we don't need this effect on buttons for tablet*/
    /*border-bottom: 1px solid #fff;*/
    border-top: none;
    float: left;
  }
  /* TOP MENU */
  /*#menu-bar ul.slimmenu li .sub-collapser {display: none;}*/
  #menu-bar a {
    color: #002554;
    display: block;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    padding: 12px 12px 8px 12px;
  }
  #menu-bar .sf-item-1 a {
    background: url(images/home_btn_20x50.png) no-repeat 10px 10px;
    text-indent: -99999px;
    width: 19px;
  }
  #menu-bar .sf-item-1 a:hover {
    background: url(images/home_btn_20x50.png) no-repeat 10px 10px;
    text-indent: -99999px;
    width: 19px;
  }
  #menu-bar .sf-item-1 a.active {
    background: url(images/home_btn_20x50.png) no-repeat 10px 10px;
    text-indent: -99999px;
    width: 19px;
  }
  #menu-bar ul li ul li {
    border-bottom: 1px solid #e6e4e2;
  }
  #menu-bar ul li ul li.sf-depth-2 a {
    background: #ddd8a9;
    text-indent: 0;
  }
  #menu-bar ul li ul li.sf-depth-2 a:hover,
  #menu-bar ul li ul li.sf-depth-2 a.active {
    background: #bfb800;
    text-indent: 0;
  }
  /* Arrows for children menu indication*/
  #menu-bar .sf-depth-2 a.menuparent {
    background: #ddd8a9 url('images/menu-collapsed.png') right 18px no-repeat;
  }
  #menu-bar .sf-depth-2 li a.menuparent {
    padding-right: 5px;
  }
  #menu-bar .sf-depth-2 .menuparent:hover,
  #menu-bar ul li ul li a.menuparent:active {
    background: #bfb800 url('images/menu-collapsed.png') right 18px no-repeat;
  }
}
/*just for bullets on the slideshow banner*/
@media only screen and (min-width: 600px) and (max-width: 999px) {
  .views-slideshow-controls-bottom {
    position: absolute;
    top: 160px;
    right: 5px;
    padding: 0;
    z-index: 200;
  }
  .view-static-banner img {
    width: 98%;
  }
  /* fixes static banner not touching edge of screen on smaller screens*/
  .not-front .sidebar-second #main-content {
    width: 89%;
  }
  /* fixes static banner touching CTA on tablet*/
}
@media only screen and (min-width: 900px) {
  .view-slideshow-banner {
    height: 240px;
  }
  table.responsive th,
  table.responsive2 th,
  table.responsive3 th {
    padding: .5em;
    border: none;
    border-top: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    text-transform: uppercase;
  }
  table.responsive td,
  table.responsive2 td,
  table.responsive3 td {
    background: #f4f4f4;
    padding: .5em;
  }
  table.responsive tr:nth-of-type(odd) td,
  table.responsive2 tr:nth-of-type(odd) td,
  table.responsive3 tr:nth-of-type(odd) td {
    background: #eee;
  }
}
@media only screen and (min-width: 999px) {
  .views-field-field-banner img {
    z-index: -1;
  }
  .views-slideshow-controls-bottom {
    position: absolute;
    top: 195px;
    right: 45px;
    padding: 0;
    z-index: 200;
  }
  .sidebar-first #main-content {
    width: 750px;
  }
  .sidebar-second #main-content {
    margin-right: 2%;
  }
  .sidebar-first #main-content {
    float: left;
    width: 750px;
    margin-left: 2%;
  }
  .sidebar-first #main-content {
    margin-right: 0;
  }
  .two-sidebars #main-content {
    margin: 20px 2% 0 2%;
    width: 500px;
    float: left;
  }
  #columns .region-sidebar-second {
    width: 23%;
    margin-left: -23%;
  }
  .cta-wrap .cta-img {
    height: 138px;
  }
  /* fixes height of images for CTA*/
  .event .event_brief {
    margin-left: 270px;
  }
}
@media only screen and (min-width: 1024px) {
  .cta-img {
    height: 138px;
  }
  .views-slideshow-controls-bottom {
    right: 5px;
  }
}
/*fixes the slideshow banner overlapping with the page text on tablet layout*/
/*
.front .region-highlighted .view { height: 250px}*/
/*needs to override the wider range specified for cta margin row-3*/
@media only screen and (min-width: 756px) and (max-width: 767px) {
  .front .region-content .view-cta-homepage .views-row-3 {
    margin-right: 0px;
    margin-top: 0px;
  }
  .views-row-3 .cta-wrap {
    margin-right: 0;
  }
  /*3rd CTA doesn not need a margin, so it has space to line up in 1 row on tablet. A margin would make it jump underneath*/
}
/* when 3 CTA are inline on main home page area, the 3rd CTA should be allined*/
/* fixes margin top for 2nd and 4th homepage CTA */
@media only screen and (max-width: 514px) {
  .front .view-cta-homepage .views-row-2,
  .front .view-cta-homepage .views-row-4 {
    margin-top: 20px;
  }
}
/*banner overlap with title fix*/
@media only screen and (min-width: 600px) and (max-width: 999px) {
  .front .region-highlighted .view {
    height: 210px;
  }
  .view-slideshow-banner img {
    max-width: 755px;
    width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
  /*fixes the slideshow banner description box overlapping page title */
  .front .region-highlighted .view {
    height: 360px;
  }
  /*fixes chrome scaling problem inherited from at img rule */
  .view-slideshow-banner img {
    max-width: 599px;
  }
  .banner-description p {
    max-width: 375px;
  }
  /* fixes text cutoff */
  #main-content {
    overflow: hidden;
    margin-right: 2%;
  }
  /*shows the white margin to the right, even though the image is larger*/
  .bullet-bg {
    height: 63px;
    background: #4c6687;
    margin-top: -3px;
  }
}
/* CLN Calendar Events Detail Page - Joseph Stewart */
h2.cln-event-details-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #002554;
}
p.cln-event-details-info {
  color: #002554;
  font-size: 1.6rem;
}
/* Article Content Type - Joseph Stewart --- to be tested */
.views-field-field-list-page-image {
  float: left;
}
.views-field-field-list-page-image img {
  margin: 10px 20px 10px 10px;
}
.article-type-article.teaser {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
}
.article-teaser .views-field-field-portrait-image {
  float: left;
}
.article-teaser .views-field-field-portrait-image img {
  margin: 10px 20px 10px 10px;
}
.teaser .article-content {
  line-height: 1.5em;
}
/* FAQ line height fix */
.view-faq p {
  line-height: 1.5em;
}

/* President's Blog  -Joseph Stewart 03/03/16 */
.article-wp-blog.view-mode-teaser img {
  float: left;
  margin-right: 20px;
}
.article-wp-blog h2 {
  font-size: 21px;
  font-size: 2.1rem;
  padding-bottom: 15px;
}
.article-wp-blog p,
.view-wp-blog p,
.article-wp-blog .field-name-comment-body {
  line-height: 1.5em;
}
.article-wp-blog ul {
  padding-left: 0px;
}
.article-wp-blog .field-name-taxonomy-wp-blog-tags ul li {
  list-style-type: none;
  display: inline;
  background-color: #fff;
  padding: 5px !important;
  margin-right: 2px;
}
.article-wp-blog ul li {
  list-style-type: none;
  display: inline;
  background-color: none;
  padding-left: 0px;
  margin-right: 2px;
}
.article-wp-blog .field-name-post-date {
  font-weight: bold;
  padding-top: 15px;
}
.article-wp-blog {
  margin-bottom: 50px;
}
.article-wp-blog p.read-more {
  margin-top: 0px;
}
.article-wp-blog .comment .comment-content {
  padding-bottom: 10px;
}
.article-wp-blog .comment nav ul li {
  padding-left: 0px;
  padding-right: 1em;
}
.article-wp-blog article.comment {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #C0CCD8;
  margin-left: 20px;
}
.article-wp-blog section#comments {
  margin-top: 30px;
  border-top: 3px solid #C0CCD8;
  padding-top: 15px;
}
.article-wp-blog .field.field-name-comment-body {
  padding-bottom: 10px;
}
/* President's Blog  -Joseph Stewart 03/03/16 */
/*iframe take border out*/
iframe {
  border: none;
}
/*hide submit button for file upload in forms*/
/*add 'hide_button' class to file upload field*/
.hide_button .form-submit {
  display: none;
}
/* 
adjustment styles for slideshow banner on other than homepage 
adjustments done for cases when we have 1 or 2 side columns 
added by Sebastian
*/
#views_slideshow_cycle_main_slideshow_banner-block {
  height: 250px;
}
@media only screen and (min-width: 768px) {
  .not-front #main-content {
    margin-top: 0 !important;
  }
  .not-front #main-content #page-title {
    margin-top: 2%;
  }
  .not-front.two-sidebars .views-slideshow-controls-bottom {
    top: 115px;
  }
  .one-sidebar #main-content .not-front.two-sidebars #main-content {
    margin-top: 0;
  }
}
@media only screen and (max-width: 599px) {
  .views-slideshow-controls-bottom {
    /*top: 200px;*/
    bottom: 130px;
  }
  .region-highlighted .view {
    height: 360px;
  }
  .views-slideshow-pager-fields > div {padding-top: 15px;}
}
/*CTA styles updated*/
.cta-wrap .cta-img {
  max-height: 138px;
}
.not-front .non_front_banner_sidebar .region-sidebar-second {
  margin-top: 20px;
}
.not-front.sidebar-second #main-content {
  width: auto;
}
/* fixes a bug when 2 columns are on 
banner and CTA on main page shrink to half screen size on smaller mobile screens
not floating #maincontent seems to fix the problem
*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .two-sidebars #main-content {
    float: none !important;
  }
}
/* multipage slideshow banner styles end */