@charset "utf-8";
/* CSS Document */




/* Main Staff Directory */

.view-staff-directory table td:nth-child(1), .view-staff-directory table th:nth-child(1) {
width:35%;
}

.view-staff-directory table td:nth-child(2) {
width:20%;
}

.view-staff-directory table td:nth-child(3) {
width:30%;
}

.view-staff-directory table td:nth-child(4) {
width:10%;
}

.view-staff-directory table td:nth-child(5) {
width:10%;
}


/* Department List */

.view-display-id-page_2 caption {
text-align:left;
font-size:1.1em;
font-weight:bold;
}

.view-display-id-page_2 table th {
display:none;
}


.view-display-id-page_2 table td:nth-child(1) {
width:55%;
}

.view-display-id-page_2 table td:nth-child(2) {
width:45%;
}

.view-display-id-page_2 table td:nth-child(3) {
width:20%;
}

.view-display-id-page_2 table td:nth-child(4) {
width:20%;
}

/* Specialists List */

.view-staff-directory.specialists table td:nth-child(1), .view-staff-directory.specialists table th:nth-child(1) {
width:35%;
}

.view-staff-directory.specialists table td:nth-child(2) {
width:15%;
}

.view-staff-directory.specialists table td:nth-child(3) {
width:50%;
}

.view-staff-directory.specialists table td {
border-bottom: 1px solid #fc6;
margin:1em 0 1em 0;
}

.view-staff-directory.specialists table td img{
width:150px;
}


.view-staff-directory.specialists .view-filters{
border-bottom: 1px solid #fc6;
}

.views-exposed-form .views-exposed-widget  {
  padding: .5em 1em .6em 0;
}


.view-staff-directory.specialists .view-filters select {

/*font-size:1.2em;*/
}

.view-staff-directory.specialists td.views-field-field-staff-subjects.active {
background-color:#fff;
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.45em;
}


.view-staff-directory.specialists table td.specialty span{
font-size:1.1em;
font-weight:bold;
}

.view-staff-directory.specialists table td.specialty span a{
font-size:1em;
display:block;
margin:1em 0 0 0;
font-weight:normal;
}

.view-staff-directory.specialists .view-empty {
padding:1em 1em 1em 0;
}

.view-staff-directory.specialists .subjects {
font-size:1.2em;
margin: 0 0 .5em 0;
}

.view-staff-directory.specialists .subjectguidelink {
font-size:1em;
margin: 0;
}

.view-staff-directory.specialists .contactme {
font-size:.9em;
margin: 0;
}

.view-staff-directory.specialists .subjectguidelink a{
text-decoration:none;
}

/* Individual Staff Page */

#staffdisplay {
margin:1em 0 0 0;
}

#staffdisplay .pane-node-title .pane-title{
display:none;
}

#staffdisplay .pane-node-title h1{
margin:-.25em 0 0 0;
font-size:1.4em;
}


#staffdisplay h2 {
border-top: 1px #fc6 solid;
margin:1em 0;
/*letter-spacing: 1px;*/
}
#staffdisplay .pane-node-field-staff-job-title{
margin:0 0 1em 0;
font-size:1.2em;
}

#staffdisplay .pane-node-field-staff-phone{
background-image:url(/sites/all/themes/libtheme/images/icons/newcontacticons/phone.png);
background-repeat: no-repeat;
background-position: left top; 
padding-left: 40px; 
height: 40px;
}


/*#staffdisplay .pane-node-field-staff-phone::before{
	content: "<i class="fa fa-phone" aria-hidden="true"></i>";
}*/

#staffdisplay .pane-node-field-staff-email{
background-repeat: no-repeat;
background-position: left top; 
padding-left: 40px; 
height: 40px;
background-image:url(/sites/all/themes/libtheme/images/icons/newcontacticons/email.png);
}

#staffdisplay .pane-node-field-staff-location{
background-repeat: no-repeat;
background-position: left top; 
padding-left: 40px; 
height: 40px;
background-image:url(/sites/all/themes/libtheme/images/icons/newcontacticons/location.png);
}

#staffdisplay .pane-node-field-staff-libguide{
background-repeat: no-repeat;
background-position: left top; 
padding-left: 40px; 
height: 40px;
background-image:url(/sites/all/themes/libtheme/images/icons/newcontacticons/info.png);
}

#staffdisplay .pane-node-field-staff-appointment{
background-repeat: no-repeat;
background-position: left top; 
padding-left: 40px; 
height: 40px;
background-image:url(/sites/all/themes/libtheme/images/icons/newcontacticons/make-appointment.png);
}

/* new contact icons from font awesome */

.contacticons ul{
margin: 0 0 0 -2.1em;
list-style-type:none;
}

.contacticons li{
margin:0;
}
.contacticons i{
    font-size: 1.5em;
    padding: .5em .5em .25em 0;
}

.contacticons li.phone i{
    padding: .5em .5em .25em .25em;
}

.contacticons li.email i{
    padding: .5em .5em .25em .1em;
}
.contacticons li.appt i{
    padding: .5em .5em .25em .2em;
}
.contacticons li.info i{
    padding: .5em .5em .25em .2em;
}

#staffdisplay .col-md-3.radix-layouts-quarter1 {
  width: 20%;
}

#staffdisplay .col-md-3.radix-layouts-quarter2  {
  width: 40%;
}

#staffdisplay ul li {
  margin:.3em 0;
}

#staffdisplay .col-md-12.radix-layouts-footer  {
  width: 90%;
}

.safespace {
background-image: url(/sites/all/themes/libtheme/images/safespace-web.png);
}

.view-staff-directory .contact > ul li.phone{
background-image:url(/sites/all/themes/libtheme/images/icons/purple/phone.png);
background-size: 1.5em;
padding-left: 2em;
height: 2em; 
}


.view-staff-directory .contact > ul li.email, .contact-h > ul li.email  {
	background-image:url(/sites/all/themes/libtheme/images/icons/purple/email.png);
	background-size: 1.5em;
	padding-left: 2em;
	height: 2em; 
}



.pane-staff-directory-panel-pane-3 table td:nth-child(1), .pane-staff-directory-panel-pane-3 table th:nth-child(1),
.pane-staff-directory-panel-pane-4 table td:nth-child(1), .pane-staff-directory-panel-pane-4 table th:nth-child(1) {
width:60%;
padding-left:.5em;
vertical-align: top;
}

.pane-staff-directory-panel-pane-3 .view-staff-directory table td:nth-child(2),
.pane-staff-directory-panel-pane-4 .view-staff-directory table td:nth-child(2)
{
width:40%;
vertical-align: top;
}

.view-staff-directory .views-table.cols-2 {
margin: 1em;
width: 75%;
}



.view-display-id-admin_services table td:nth-child(1){
width:5%;
}
.view-display-id-admin_services table td:nth-child(2){
width:10%;
}

.view-display-id-admin_services table td:nth-child(3){
width:20%;
}

.view-display-id-admin_services table td:nth-child(1) img{
width:108px;
}

/* staff experience table */


.field-name-field-staff-experience table td{
border-bottom: 1px solid #eee;
padding:.2em 0;
}

.field-name-field-staff-experience table td:nth-child(1){
width:50%;
}

.field-name-field-staff-experience table td:nth-child(2){
width:30%;
}

.field-name-field-staff-experience table td:nth-child(3){
width:20%;
text-align:right;
}
 @media only screen and (max-width: 480px) {
#staffdisplay  .pane-node-field-staff-photo{
display:none;
}

#staffdisplay .radix-selby .col-md-4 {
  width: 100%;
}

#staffdisplay .col-md-3.radix-layouts-quarter2  {
  width: 100%;
}

}

/* individual on Main page  e.g. Giving page */

.giving-page.view-staff-directory table td:nth-child(1){
width:100%;
}
.giving-page img.profile-picture {
width:108px;
max-width:none;
}





@media (min-width: 120px) and (max-width: 520px){
.view-staff-directory.specialists table td:nth-child(2){
display : none;
}
.view-staff-directory.specialists table td:nth-child(3){
display : block;
}

.view-staff-directory table th:nth-child(3) {

display : none;


}
.view-staff-directory table td:nth-child(3)  {

display : none;

}



}



@media (min-width: 521px) and (max-width: 899px){

.view-staff-directory table td:nth-child(1) div{
display : none;
}

}

@media (min-width:900px) and (max-width: 1199px){
.view-staff-directory table td:nth-child(1) div{
display : none;
}

}

@media (min-width: 1200px) {
.view-staff-directory table td:nth-child(1) div{
display : none;
}

}