
/*#####################################*/
/*########### Faculty Profiles Page ###############*/
/*#####################################*/
#block-ucifront-page-title {
  display: none;
}
.paragraph--type--page-hero > .par-outer > .par-inner > .imgwrap:after,
.paragraph--type--page-hero > .par-outer > .par-inner > .imgwrap:before {
  border-bottom-color: #f2f2f2;
}
/******* Profiles **********/
.view-faculty-profiles {
  position: relative;
  background: #f2f2f2;
}
.view-faculty-profiles > .view-content {
  position: relative;
  z-index: 2;
  padding: 0px 0 20px 0;
  min-height: 600px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0px 0 0 -40px;

}
.view-faculty-profiles .view-filters:after {
  content: '';
  clear: both;
  width:100%;
  display: block;
}
.view-faculty-profiles .views-exposed-form {
  text-algn: center;
  padding: 60px 0 0 0;
}
.view-faculty-profiles .views-exposed-form .form-actions,
.view-faculty-profiles .views-exposed-form .form-item {
  float: left;
}
.view-faculty-profiles .views-exposed-form .form-actions {
  margin: 0px 0 20px 20px;
}

.view-faculty-profiles .departments {
  text-align: center;
}
.view-faculty-profiles .departments ul {
  list-style: none;
}
.view-faculty-profiles .departments ul li {
  display: inline;
  border-left: 1px solid #888;
}
.view-faculty-profiles .departments ul li:first-child {
  border-left: none;
}
.view-faculty-profiles .departments ul li a {
  padding: 10px 20px;
  display: inline-block;
}
.view-faculty-profiles .attachment {
  padding: 80px 0 0 0;
}
.view-faculty-profiles .attachment .view-display-id-attachment_2 .view-display-id-attachment_1 > .view-content {
  min-height: auto;
}
.view-faculty-profiles .views-summary {
  list-style: none;
}
.view-faculty-profiles .views-summary li {
  display: inline-block;
  margin: 0 0 0 0.5em;
  line-height: 2.7em;
}
.view-faculty-profiles .views-summary li a {
  border-radius: 20px;
  background: #f8f8f8;
  padding: 10px 13px;
  /*min-width: 1.5em;*/
  /*display: inline-block;*/
}
.view-faculty-profiles > .view-content > .views-row {
  margin: 30px 0 0 40px;
  max-width: 300px;
  min-width: 300px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 10px #00000029;
  border-radius: 10px 10px 10px 10px;
  position: relative;
  padding: 0 0 57px 0;
}
.view-faculty-profiles > .view-content > .views-row:before {
  content: '';
  width: 100%;
  display: block;
  height: 15px;
  background: #0064a4 0% 0% no-repeat padding-box;
  border-radius: 10px 10px 0px 0px;
}

/*.view-faculty-profiles > .view-content > .views-row:first-child {*/
/*  margin-left: 0px;*/
/*}*/
/*.views-field-title {*/
/*  text-align: center;*/
/*  font: Bold 30px/22px Arial;*/
/*  color: #525252;*/
/*  text-transform: capitalize;*/
/*  margin: 0px;*/
/*  padding: 0px 0 0px 0;*/
/*  line-height: 30px;*/
/*}*/
/*.views-field-title:after {*/
/*  content: '';*/
/*  display: block;*/
/*  width: 100px;*/
/*  border-bottom: 2px solid #0064A4;*/
/*  margin: 40px auto 40px auto;*/
/*}*/
.view-faculty-profiles .views-field {
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
  text-align: center;
}
.views-field-field-fprofile-image {
  margin: 15px 0 15px 0;
}
.views-field-field-fprofile-image img {
  border-radius: 100px;
}
.view-faculty-profiles .views-field-title {
  text-align: center;
  font: Bold 24px/22px Arial;
  color: #0064A4;
}
.view-faculty-profiles .views-field-title:after {
  content: '';
  display: block;
  width: 100px;
  border-bottom: 1px solid #FFD200;
  margin: 20px auto 20px auto;
}
.views-field-field-fprofile-titles {
  text-align: center;
  font: Bold 16px/22px Arial;
  letter-spacing: 0px;
  color: #525252;
}
.views-field-field-fprofile-cinfo {
  margin-top: 20px;
  margin-bottom: 20px;
}
/*!*.field--name-field-fp-teach-title {*!*/
/*!*  margin-top: 10px;*!*/
/*!*}*!*/
/*!*.field--name-field-fp-teach-dep,*!*/
/*!*.field--name-field-fp-teach-title {*!*/
/*!*  min-height: 1.2em;*!*/
/*!*  line-height: 1.2em;*!*/
/*!*}*!*/
/*.field--name-field-fp-email {*/
/*  margin-top: 50px;*/
/*  margin-bottom: 20px;*/
/*  position: relative;*/
/*}*/
/*.field--name-field-fp-email:after {*/
/*  content: '';*/
/*  display: inline-block;*/
/*  height: 32px;*/
/*  width: 32px;*/
/*  background: transparent url(../img/icons.png) -64px -32px no-repeat;*/
/*  position: absolute;*/
/*  top: -40px;*/
/*  left: 50%;*/
/*  margin: 0 0 0 -16px;*/
/*}*/
.views-field-field-fprofile-url a {
  text-transform: uppercase;
  font: Regular 16px/22px Arial;
  color: #0064A4;
  background: #FFD200 0% 0% no-repeat padding-box;
  border-radius: 0px 0px 10px 10px;
  width: 100%;
  padding: 15px;
  display: block;
  text-align: center;
}
.views-field-field-fprofile-url a:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  width: 32px;
  background: transparent url(../img/icons.png) -288px 0 no-repeat;
  margin: -5px -50px 0 0;
}
.view-faculty-profiles .views-field.views-field-field-fprofile-url {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.view-faculty-profiles nav.pager {
  padding-bottom: 40px;
}

/*

.field--name-field-lead-profiles-t3-title,
.field--name-field-lead-profiles-t2-title {
  text-align: center;
  font: Bold 30px/22px Arial;
  color: #525252;
  text-transform: capitalize;
  margin: 80px 0 0 0;
  padding: 0px 0 0px 0;
  line-height: 30px;
}
.field--name-field-lead-profiles-t3-title:after,
.field--name-field-lead-profiles-t2-title:after {
  content: '';
  display: block;
  width: 100px;
  border-bottom: 2px solid #0064A4;
  margin: 40px auto 40px auto;
}
.field--name-field-lead-profiles-tire3,
.field--name-field-lead-profiles-tire2 {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
.field--name-field-lead-profiles-tire3 > .field__item,
.field--name-field-lead-profiles-tire2 > .field__item {
  margin-left: 40px;
}
.field--name-field-lead-profiles-tire3 > .field__item:first-child,
.field--name-field-lead-profiles-tire2 > .field__item:first-child {
  margin-left: 0px;
}
.field--name-field-lp-profiles:after, .field--name-field-lp-profiles:before {
  content:'';
  position:absolute;
  bottom:0px;
  width:50%;
  z-index:2;
  border-bottom:34px solid #ffffff;
  -moz-transform:rotate(0.000001deg);
  -webkit-transform:rotate(0.000001deg);
  -o-transform:rotate(0.000001deg);
  -ms-transform:rotate(0.000001deg);
  transform:rotate(0.000001deg);
}
.field--name-field-lp-profiles:before{
  right:50%;
  border-right:37px solid transparent;
  border-left:1000px solid;
}
.field--name-field-lp-profiles:after{
  left:50%;
  border-left:37px solid transparent;
  border-right:1000px solid;
}
*/
/******************************************************************************************************************/
/************* RESPONSIVE ***************** this should come at the bottom of css *********************************/
/******************************************************************************************************************/

@media screen and (max-width: 1249px) {
  /*home page*/
  .view-faculty-profiles .attachment .view-display-id-attachment_2 .view-display-id-attachment_1 > .view-content {
    min-height: auto;
    width: 90%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 999px) {
  /*home page*/
}

@media screen and (max-width: 799px) {
  /*home page*/

}
@media screen and (max-width: 599px) {
  /*home page*/
}
@media screen and (max-width: 459px) {
  /*homepage*/
  .view-faculty-profiles .departments ul li {
    display: inline-block;
    width: 100%;
    clear: both;
    border-left: none;
  }
}


