/*========================
Staff Slider
========================*/




.staff-slider { float: right; width: 100%; border:1px solid #f3f3f3; border-radius: 8px; margin-bottom: 20px; margin-top: 20px;  }
.staff-slider img {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.staff-slider .slide .title { line-height: normal; padding:20px; border-bottom: none; background: #f5a37d; background: url(../images/orange-pattern.jpg); background-size: cover; color: #FFF; font-size: 22px; font-family: din_next;  }
.staff-slider .slide ul { padding:20px; float: left; width: 100%; }
.staff-slider .slide ul li { float: left; width: 100%; padding:5px 0; font-family: 'Source Sans Pro', sans-serif; }
.staff-slider .slide ul li i { /*height:40px; */float: left; color: #6a6a6a; padding-right: 10px; }
.staff-slider .slide ul li p { padding: unset; float: unset; margin: 0 auto;  }
.staff-slider .slide .button { margin-left:20px; }

.staff-slider p {padding: 5%; font-style: italic;}
.staff-slider .title {font-style: normal;}
/*.staff-slider .owl-buttons div { border:3px solid #4d5d74;height: 45px; width: 45px; line-height: 45px; color: #2e83c3; opacity: 1; background: #FFF;   }
*/

.staff-slider .owl-controls .owl-buttons div { position: absolute; height: 55px; width: 55px; line-height: 45px; opacity: 1; background: #FFF; padding:0; border-radius: 0; margin: 0;  }

.staff-slider .owl-controls .owl-buttons img {max-width: 30px; padding-top: 12px; float: none; margin: 0 auto; display: block; max-width: 30px;}
body .staff-slider .owl-buttons .owl-prev { left: 0px; top: 18%; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
body .staff-slider .owl-buttons .owl-next { right: 0px; top: 18%; border-bottom-left-radius: 10px;  border-top-left-radius: 10px; }



/*========================
Staff Profiles
========================*/
.staff-profiles { float: left; width: 100%; }
.staff-profiles .slide { float: left; width: 100%; border:1px solid #f3f3f3; border-radius: 8px; margin-bottom: 20px; overflow: hidden; }
.staff-profiles .slide .title { padding:20px; border-bottom: none; background: #f5a37d; color: #FFF; font-size: 22px;  background: url(../images/orange-pattern.jpg); font-family: din_next;  }
.staff-profiles .slide ul { padding:20px; float: left; width: 100%; }
.staff-profiles .slide ul li { float: left; width: 100%; padding:10px 0; }
.staff-profiles .slide ul li i { height:40px; float: left; color: #6b6b6b; padding-right: 10px;  }
.staff-profiles .slide .button { margin-left:20px; float: left; }







body .full-staff-slider {width:100%;}

/* =======================================
 @ 600
======================================= */
@media only screen and (min-width: 600px) {

.staff-profiles .slide  { width:50%; }

.sidebar-staff .staff-profiles .slide {width:49%;}
.sidebar-staff .staff-profiles .slide-two {width:49%; float: right;}


}








/* =======================================
 @ 700
======================================= */
@media only screen and (min-width: 700px) {

.staff-slider { width:50%; }

}


/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width: 1000px) {

.staff-slider { width:100%; }
.staff-profiles .slide  { width:100%; }
.sidebar-staff .staff-profiles .slide {width:100%;}
.sidebar-staff .staff-profiles .slide-two {width:100%; float: right;}

}




/* =======================================
 @ 1200
======================================= */
@media only screen and (min-width: 1200px) {

.staff-slider .owl-buttons div { position: absolute; }
.staff-slider .owl-buttons .owl-prev { left: -120px; top: 45%; }
.staff-slider .owl-buttons .owl-next { right: -120px; top: 45%; }

}