/*------------------------------------------------------
Boutros AbiChedid - boutrosa@princeton.edu
START DATE: September 2013
@file theme-elements.css
PURPOSE: 	CSS Stylesheet for PNI Drupal Website/Theme.
--------------------------------------------------------*/
 
/* Custom Fonts - Princeton University Fonts - These are the ones I chose. 
They only provide the "trueType Format" (ttf) Font. So that's NOT a comprehensive way 
to display a font to diplay same on all browsers. http://css-tricks.com/snippets/css/using-font-face/
*/
@font-face { /* Regular */
	font-family: 'MontiRom';
	src:url('fonts/MontiRom.ttf');
}
@font-face { /* Regular for Mac OS */
	font-family: 'MontiRomOSty';
	src:url('fonts/MontiRomOSty.ttf');
}
@font-face { /* Italics */
	font-family: 'MontiIta';  
	src:url('fonts/MontiIta.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {  /* Small Cap font */
	font-family: 'MontiSmaCap';
	src:url('fonts/MontiSmaCap.ttf');
}

/* Custom Fonts - Princeton Neuroscience Institute Fonts - ITC Franklin Gothic. */ 
@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=3e65e024-8fd3-4bc9-bfb6-c7d55b2a88f8&fontids=812656,812698");
@font-face{
font-family:"ITCFranklinGothicW01-Bk 812656";
src:url("fonts/812656/25b07660-96a5-4eed-bcfd-fc4f0e97098a.eot?#iefix");
src:url("fonts/812656/25b07660-96a5-4eed-bcfd-fc4f0e97098a.eot?#iefix") format("eot"),url("fonts/812656/de902d7e-9849-4880-b8fe-966b186b110c.woff") format("woff"),url("fonts/812656/fdec17bc-6f6c-4b7c-bbc1-8f2ec6c7931c.ttf") format("truetype"),url("fonts/812656/3b330c74-12e3-423e-9785-d817a41a9a24.svg#3b330c74-12e3-423e-9785-d817a41a9a24") format("svg");
}
@font-face{
font-family:"ITCFranklinGothicW01-Md 812698";
src:url("fonts/812698/7762c169-a387-4399-b8a3-d43373d60c3e.eot?#iefix");
src:url("fonts/812698/7762c169-a387-4399-b8a3-d43373d60c3e.eot?#iefix") format("eot"),url("fonts/812698/060031a3-ab11-4f91-9dd4-6b39458f5109.woff") format("woff"),url("fonts/812698/9920e0c0-07ac-4a1b-befd-fa76960969b8.ttf") format("truetype"),url("fonts/812698/52fb29fb-5147-4a42-b308-e24daf6ec3b6.svg#52fb29fb-5147-4a42-b308-e24daf6ec3b6") format("svg");
}

/* Alternative Font Shadow Into Light Style. Be very careful with this font. Does not look good in IE. */
.alternative-font {
	color: #f93 !important;
	font-family: "MontiIta", cursive !important;
	font-size: 1.2em !important;
}
/* BAC. 4/7/14. NOT NEEDED ANYMORE. Alternative Font Italic Style.
.alternative-font-montiIta {
	font-family: "MontiIta", cursive !important;
}
*/
/* Alternative Font Normal Style */
.alternative-font-montirom {
	font-family: "MontiRom", "MontiRomOSty", sans-serif !important;
}
/* Alternative Font Small Caps Style */
.alternative-font-small-caps {
	font-family: "MontiSmaCap", sans-serif !important;
	font-variant:small-caps; /* Just in case the font is not supported */
}
/* PNI Custom Font - ITC Franklin Gothic Condensed Medium  */
.pni-custom-gothic-md {
	font-family: "ITCFranklinGothicW01-Md 812698", sans-serif !important;
}

/* PNI Custom Font - ITC Franklin Gothic Condensed Book *This is the one I am using* */
.pni-custom-gothic-bk {
	font-family: "ITCFranklinGothicW01-Bk 812656", sans-serif !important;
}


/* (***) Links. Do not specify colors here. This is Done in the theme Admin. This now mainly applies to the 
links in the CKEditor WYSIWYG. */
a, 
a:link { 
	text-decoration: none !important; 
	outline: 0;
	opacity: 0.75;  
 	filter: alpha(opacity=75); 
}

/* BAC. The reason I added all these regions for 'a' so that I can have common code use 
between the Live Website and CKEditor. Since the CKEditor uses the PNI theme's stylesheet. Also I can't style the 
link in the ckEditor except with the code above (***). Since I can't target the link in the CKEditor WYSIWYG. */
.faculty-directory-item a, 
header a, 
a.btn, 
ul.nav a, 
div.region-before-content a,  
div.region-content a, 
div.region-sidebar-left a,
div.region-sidebar-right a,
.faculty-directory-item a:link, 
header a:link, 
a.btn:link, 
ul.nav a:link, 
div.region-before-content a:link, 
div.region-content a:link,
div.region-sidebar-left a:link,
div.region-sidebar-right a:link { 
	text-decoration: none; 
	outline: 0;
	opacity: 0.93;  
 	filter: alpha(opacity=93); 	 
}
a:visited  { 
	text-decoration: none; 
	outline: 0; 
}
a:hover, a:active { 
	text-decoration: none !important; 
	outline: 0; 
	opacity: 1.0;  
 	filter: alpha(opacity=100);  
}

a:focus { 
	text-decoration: none !important; 
}

/* Headings */

h1 {
	font-size: 2.9em;
	line-height: 44px;
	margin: 0 0 40px 0;
	color: #666; 
	letter-spacing: -1px;
}
h1.big {
	font-size: 4.2em;
	color: #666; 
	letter-spacing: -1px;
	margin: 0;
}

h2 {
	font-size: 2.4em;
	font-weight: 300;
	line-height: 36px;
	margin: 0 0 22px 0;
	color: #666; 
	letter-spacing: -1px;
}

h2.small {
	font-size: 1.8em;
	font-weight: 300;
	line-height: 30px;
	margin: 0 0 18px 0;
	color: #666; 
	letter-spacing: -1px;
}
h2.smaller {
	font-size: 1.5em;
	font-weight: 300;
	line-height: 23px;
	margin: 0 0 14px 0;
	color: #666; 
	letter-spacing: -1px;
}

h3 {
	color: #CCC;
	font-size: 1.6em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 34px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

h3.small {
	color: #666;
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: 0;;
	line-height: 24px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

h4 {
	color: #CCC;
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 27px;
	margin: 0 0 14px 0;
}

h5 {
	color: #CCC;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0 0 14px 0;
	text-transform: uppercase;
}

h6 {
	color: #bbb;
	font-size: 1em;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0 0 14px 0;
	text-transform: uppercase;
}

h1.short,
h2.short {
	margin: 0 0 10px 0;
	color: #666; 
	letter-spacing: -1px;
}

h3.short,
h4.short,
h5.short,
h6.short {
	margin: 0 0 9px 0;
	color: #666; 
	letter-spacing: -1px;
}

h1.shorter,
h2.shorter,
h3.shorter,
h4.shorter,
h5.shorter,
h6.shorter {
	margin: 0;
	color: #666; 
	letter-spacing: -1px;
	
}

h1.tall,
h2.tall,
h3.tall,
h4.tall,
h5.tall,
h6.tall {
	margin: 0 0 33px 0;
	color: #666; 
	letter-spacing: -1px;
}

h1.taller,
h2.taller,
h3.taller,
h4.taller,
h5.taller,
h6.taller {
	margin: 0 0 44px 0;
	color: #666; 
	letter-spacing: -1px;
}

h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
	margin: 22px 0 0 0;
	color: #666; 
	letter-spacing: -1px;
}

h1.more-spaced,
h2.more-spaced,
h3.more-spaced,
h4.more-spaced,
h5.more-spaced,
h6.more-spaced {
	margin: 44px 0 0 0;	
	color: #666; 
	letter-spacing: -1px;
}

div.modal-header h3 {
	color: #333;
	text-transform: none;
}

h1.white,
h2.white,
h3.white,
h4.white,
h5.white {
	color: #FFF;
	letter-spacing: -1px;
	margin: 0;
}

h1.text-shadow,
h2.text-shadow,
h3.text-shadow,
h4.text-shadow,
h5.text-shadow {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	color: #666;
	letter-spacing: -1px;
	margin: 0;
}


/* Paragraphs */
p{
	color: #636363; 
	line-height: 22px;
	margin: 0 0 20px;
	text-align:justify; 
}

p.alternative-font {
	display: inline-block;
	margin-top: -15px;
	position: relative;
	top: 3px;
}

p.featured {
	font-size: 1.13em; 
	line-height: 1.44em;
	text-indent: 0;
	padding-top: 10px;  
}
p.featured-1 {
	text-indent: 0;
	padding-top: 0;
	margin-top: -10px;  
}

p.short {
	margin-bottom: 0;
}

p.tall {
	margin-bottom: 20px;
}

p.taller {
	margin-bottom: 40px;
}

/* Divider Line */
hr {
	background: transparent url(../img/divider.png) no-repeat center 0;
	border: 0;
	margin: 22px 0 22px 0;
	height: 6px;
}

hr.short {
	margin: 13px 0 13px 0;
}

hr.tall {
	margin: 33px 0 33px 0;
}
hr.narrow {
	margin: 12px 19% 12px 19%;
	clear:both;
}
hr.narrow-1 {
	margin: 22px 6% 22px 6%;
}
hr.narrow-2 {
	margin: 6px 10% 6px 10%;
	background: transparent url(../img/divider.png) no-repeat center 0;
	border: 1px;
	height: 5px;
}
hr.narrow-3 {
	margin: 10px 12% 15px 12%;
	background: transparent url(../img/divider.png) no-repeat center 0;
	border: 1px;
	height: 5px;
}
hr.narrow-4 {
	margin: 20px 12% 20px 12%;
	background: transparent url(../img/divider.png) no-repeat center 0;
	border: 1px;
	height: 5px;
}
hr.narrow-5 {
	margin: 8px 11% 13px 4%;
	background: transparent url(../img/divider.png) no-repeat center 0;
	height: 6px;
	border: 0;
}
hr.narrow-6 {
	margin: 12px 12% 10px 12%;
	background: transparent url(../img/divider.png) no-repeat center 0;
	height: 2px;
	border: 0;
}
hr.light {
	border-bottom: none;
	border-top: 1px dotted rgba(255, 255, 255, 0.2);
}

hr.caption {
	margin: 8px 16%;
}

/* Miscellaneous */
.center {
	text-align: center;
}

body a {
	outline: none !important;
}

.pull-bottom {
	margin-bottom: 35px;
}

.pull-top {
	margin-top: 35px;
}

.push-top {
	margin-top: -20px;
}

div.show-grid [class*="span"] {
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	background-color: #EEEEEE;
	border-radius: 3px 3px 3px 3px;
	line-height: 40px;
	min-height: 40px;
	text-align: center;
}

.bold {
	font-weight: bold;
}

li {
	line-height: 24px;
}

.inverted {
	color: #FFF;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}

/* Forms */
textarea {
	resize: vertical;
}

/* Thumbnails */
.thumbnail {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	line-height: 1.0em !important;
}

.thumbnail span.zoom {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	background: #CCC;
	border-radius: 50px;
	bottom: 3px;
	color: #FFF;
	display: block;
	height: 15px;
	padding: 3px;
	position: absolute;
	right: 3px;
	text-align: center;
	width: 15px;
}

.thumbnail span.zoom i {
	font-size: 10px !important;
	left: 2px;
	position: relative;
	top: -1px;
}
.thumbnail span.caption {
  padding: 9px 15px 9px 1px;
  color: #555;
	font-size: 0.76em;
}

.thumbnail-small {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

ul.thumbnails-small {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

ul.thumbnails-small li {
	display: inline-block;
	float: none;
	margin: 10px 10px 0 0;
	padding: 0;
}


/* 7/17/2014. BAC. This only applies to the People Directory pages Vertical Display. All listed in one page or individualized pages. */
.thumbnail-directory {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: relative;
}
.thumbnail-directory:hover,
.thumbnail-directory:focus {
  border-color: #ccc;
  -webkit-box-shadow: 0 1px 4px rgba(204, 204, 204, 0.28);
  -moz-box-shadow: 0 1px 4px rgba(204, 204, 204, 0.28);
  box-shadow: 0 1px 4px rgba(204, 204, 204, 0.28);
}
.thumbnail-directory > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
}
.thumbnail-directory span.zoom {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	background: #CCC;
	border-radius: 50px;
	bottom: 3px;
	color: #FFF;
	display: block;
	height: 15px;
	padding: 3px;
	position: absolute;
	right: 3px;
	text-align: center;
	width: 15px;
}

.thumbnail-directory span.zoom i {
	font-size: 11px !important;
	left: 1px;
	position: relative;
	top: -4px;
}


/* Thumb Info Specific for People (admin, researchers and Students) Directory*/
.team-item a.thumb-info {
	cursor: default !important; /* so that the user does not think the image is linked. */
}
/* BAC. Keep the scale at 1.0 (No scale), since there is no Link for the image and it is confusing for the user */
.team-item a.thumb-info:hover img {
	-moz-transform: scale(1.0,1.0);
	-ms-transform: scale(1.0,1.0);
	-o-transform: scale(1.0,1.0);
	-webkit-transform: scale(1.0,1.0);
	transform: scale(1.0,1.0);
}

/* Thumb Info for faculty Directory. (Admins, Researchers and Students Directories are not image linked.*/
a.thumb-info {
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

a.thumb-info:hover span.thumb-info-action-icon {
	right: 0;
	top: 0;
}

a.thumb-info:hover span.thumb-info-action { /* BAC. 10/15/14. Remove Transition on image Hover for Faculty directory. */
	 filter: alpha(opacity=75); /* BAC. 10/15/14 75 */
	 opacity: 0.75;  /* BAC. 10/15/14 0.75 */
}
a.thumb-info:hover span.thumb-info-title {
	background: #000; 
}

a.thumb-info span.thumb-info-action-icon {
	-moz-border-radius: 0 0 0 25px;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-border-radius: 0 0 0 25px;
	-webkit-transition: all 0.3s;
	background: #a0a0a0 !important; /* BAC. 1020/14. to overwrite LESS for the Link background on hover */
	border-radius: 0 0 0 25px;
	display: inline-block;
	font-size: 22px;
	height: 36px; /* BAC. 10/15/14 44px */
	width: 36px;  /* BAC. 10/15/14 44px */
	line-height: 40px;
	position: absolute;
	right: -94px;
	text-align: center;
	top: -94px;
	transition: all 0.3s;
	
}
a.thumb-info span.thumb-info-action-icon i {
	font-size: 18px;  
	left: 3px;
	position: relative;
	top: -4px;
}


a.thumb-info span.thumb-info-action { 
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
   background: rgba(36,27,28, .9);
	 bottom: 0;
	 color: #FFF;
	/*filter: alpha(opacity=0);  BAC. 10/15/14. Remove Transition on image Hover for Faculty directory. 
	height: 100%;
	left: 0;
	opacity: 0.0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s;
	width: 100%; */ 
}

a.thumb-info span.thumb-info-inner{
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	display: block;
	transition: all 0.3s;
	white-space: nowrap;
}

a.thumb-info span.thumb-info-title{
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background: rgba(36,27,28, .9);
	bottom: 8%;
	color: #FFF;
	font-size: 12px;
	left: 0;
	padding: 2px 6px 2px 2px;
	position: absolute;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	text-transform: none;
	transition: all 0.3s;
	z-index: 1;
}

/* BAC. This is for all People Directory when they are all displayed in one Page. Not for the People Single Pages */
a.thumb-info span.thumb-info-title-1{
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	/* background: #b5561f; BAC. BACKGROUND is Dynamically Set based on the Color of the theme */
	bottom: 5%; /* BAC. This can't be less than 5% for Firefox */
	color: #FFF;
	font-size: 12px;
	right: 0;
	padding: 0 3px;
	position: absolute;
	text-transform: none;
	transition: all 0.3s;
	z-index: 1;
}


a.thumb-info span.thumb-info-type {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #CCC;
	border-radius: 2px;
	display: inline-block;
	float: left;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 4px -2px -20px -2px;
	padding: 2px 4px;
	text-transform: none;
}

a.thumb-info:hover img { /* BAC. 10/15/14 scale(1.1,1.1) on all*/ 
	-moz-transform: scale(1.0,1.0); 
	-ms-transform: scale(1.0,1.0);
	-o-transform: scale(1.0,1.0);
	-webkit-transform: scale(1.0,1.0);
	transform: scale(1.0,1.0);
}

a.thumb-info img {
	-moz-border-radius: 7px;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-border-radius: 7px;
	-webkit-transition: all 0.2s linear;
	border-radius: 7px;
	position: relative;
	transition: all 0.2s linear;
}

a.thumb-info.team {
	cursor: pointer;
}

span.thumb-info-caption {
	padding: 4px 0;
}

span.thumb-info-caption p {
	line-height: 18px;
	margin: 0 0 6px;
	padding: 6px 10px;
}

span.thumb-info-social-icons {
	/*border-top: 1px dotted #DDD;*/
	margin: 0 10px;
	padding: 0px 0;
	display: block;
}

span.thumb-info-social-icons a {
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	background: #CCC;
	border-radius: 25px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
	margin-right: 4px;
}

span.thumb-info-social-icons a:hover {
	text-decoration: none;
}

span.thumb-info-social-icons a span {
	display: none;
}

span.thumb-info-social-icons a i {
	color: #FFF;
	font-size: 0.96em;
	font-weight: normal;
}

/* Images */
img.responsive {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
}

/* Forms */
label.valid {
	display: inline-block;
	text-indent: -9999px;
}

label.error {
	color: #C10000;
	font-size: 0.9em;
	margin-top: -5px;
	padding: 0;
}

/* Navs */
ul.nav-list.primary > li {
	margin: 0;
	padding: 0;
}

ul.nav-list.primary > li a {
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background-image: url(../img/list-primary.png);
	background-position: 9px 16px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #EDEDDE;
	padding: 8px 20px;
	transition: all 0.3s;
}

/* Tabs */
div.tabs {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 35px;
}

div.tabs div.tab-content {
	-moz-border-radius: 0 0 4px 4px;
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	-webkit-border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #FFF;
	border: 1px solid #EEE;
	border-radius: 0 0 4px 4px;
	border-top: 0;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	padding: 15px;
}

div.tabs ul.nav-tabs {
	margin: 0;
}

div.tabs ul.nav-tabs li.active a {
	background: #FFF;
	border-top: 3px solid #CCC;
	color: #CCC;
	text-decoration:none; /* BAC. This is for Opera */
}

div.tabs ul.nav-tabs a {
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	background: #F4F4F4;
	border: 1px solid #EEE;
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
	color: #666;
	margin-right: 1px;
}

div.tabs ul.nav-tabs a:hover {
	border-top: 2px solid #CCC;
}

div.tabs ul.nav-tabs a:active,
div.tabs ul.nav-tabs a:focus {
	border-bottom: 0;
}

div.tabs ul.nav-tabs a,
div.tabs ul.nav-tabs a:hover {
	border: 1px solid #EEE;
	border-bottom: 0;
	border-top: 2px solid #DDD;
	color: #CCC;
	font-size: 0.9em;
}

/* Description  */

dl {
	text-align:justify;
}
dt {
	padding-top: 17px !important;
	padding-bottom: 5px !important;
}

/* Read More */
a.read-more {
	display: inline-block;
	white-space: nowrap;
	color:#f93;
	font-size: 0.88em;
}

a.read-more i {
	color:#f93; 
}

/* Featured Box */
div.featured-box {
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	-moz-box-sizing: border-box;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFfff', endColorstr='#fcfcfc',GradientType=0 );
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	position: relative;
	text-align: center;
	z-index: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.featured-box div.box-content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-top:  2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 5px 4px 0 4px;
}

div.featured-box .box-content span.zoom {
	top: 2px;
	color: #000;
	display: block;
	position: absolute;
	right: 2px;
	text-align: center;
}

div.featured-box span.zoom i {
	font-size: 14px;
	left: -1px;
	position: relative;
	top: -3px;
}

div.featured-box i.icon,
div.featured-box i.image-icon,
i.icon-featured {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 100%;
	color: #FFF;
	font-size: 40px;
	line-height: 110px;
	margin: 25px 0;
	padding: 25px;
}

i.icon-featured {
	display: inline-block;
	padding: 0;
	width: 110px;
	height: 110px;
}

div.featured-box i.image-icon,
i.image-icon-featured {
	background-position: center center;
	margin: 10px 0 6px 0;
	padding: 21px;
}

/* Dont specify a color for h4. Give control to the Admin by using the ColorPicker */
div.featured-box h4 { 
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: -0.7px;
	margin-top: 5px;
	text-transform: uppercase;
}

div.featured-box h3 {
	margin-bottom:10px;
}

div.read-more,
div.read-more a,
div.learn-more,
div.learn-more a {
	display: inline-block;
	white-space: nowrap;
}

/* Primary */
div.featured-box-primary i.icon,
div.featured-box-primary i.image-icon {
	background-color: #08C;
}

div.featured-box-primary h4 {
	color: #08C;
}

div.featured-box-primary div.box-content {
	border-top-color: #08C;
	border-bottom-color: #08C;
}

/* secondary */
div.featured-box-secondary i.icon,
div.featured-box-secondary i.image-icon {
	background-color: #f93;
}

div.featured-box-secondary h4 {
	color: #f93;
}

div.featured-box-secondary div.box-content {
	border-top-color: #f93;
	border-bottom-color: #f93;
}

/* Tertiary */
div.featured-box-tertiary i.icon,
div.featured-box-tertiary i.image-icon {
	background-color: #734BA9;
}

div.featured-box-tertiary h4 {
	color: #734BA9;
}


div.featured-box-tertiary div.box-content {
	border-top-color: #734BA9;
	border-bottom-color: #734BA9;
}

/* Fourth */
div.featured-box-fourth i.icon,
div.featured-box-fourth i.image-icon {
	background-color: #b5561f;
}

div.featured-box-fourth h4 {
	color: #b5561f;
}

div.featured-box-fourth div.box-content {
	border-top-color: #b5561f;
	border-bottom-color: #b5561f;
}

/* Lightbox Feature. This is for all Images that have Lightbox feature. More specifically for the single images on a page. */
.lightbox-feature img {
	margin: 0;
}
/* Lightbox Feature. This is for all Images that have Lightbox feature. 
More specifically for the Research Images Blocks on the Right side of the Reasearch pages. */
.lightbox-feature a.lightbox img{
 margin-top: 5px !important;
 margin-bottom: 5px !important;
}
.lightbox-feature div.image-field-caption p {
	font-size: 0.82em; /* Use 0.75em with *FontOPtion1* */
	padding: 0 0 5px 0;
	line-height:0.92em; /* Use 0.9em with *FontOPtion1* */
	color: #909090 !important;
}

/* just in case, someone added a link in the caption and this also applies to the captioned text. */
.lightbox-feature div.image-field-caption a {
	color: #909090 !important;
	font-size: 0.82em; /* Use 0.75em with *FontOPtion1* */
	line-height:0.92em !important; /* Use 0.9em with *FontOPtion1* */
}
.lightbox-feature div.image-field-caption p a:hover {
	color: #f93 !important;
}

/* Flex Slider */
div.flexslider-simple {
	-moz-border-radius: 8px;
	-moz-box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

div.flexslider-simple ul.flex-direction-nav a.flex-prev {
	display: block;
	filter: alpha(opacity=100);
	left: 5px;
	opacity: 1;
}

div.flexslider-simple ul.flex-direction-nav a.flex-next {
	display: block;
	filter: alpha(opacity=100);
	opacity: 1;
	right: 5px;
}

div.flexslider-top-title ul.flex-direction-nav {
	display: block;
	position: absolute;
	right: 2px;
	top: -27px;
}

div.flexslider-top-title ul.flex-direction-nav a.flex-prev {
	-moz-border-radius: 15px 0px 0px 15px;
	-webkit-border-radius: 15px 0px 0px 15px;
	border-radius: 15px 0px 0px 15px;
	display: block;
	left: auto;
	right: 25px;
}

div.flexslider-top-title ul.flex-direction-nav a.flex-next {
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
	right: 0;
}

div.flexslider-top-title ul.flex-direction-nav a {
	filter: alpha(opacity=30);
	opacity: 0.3;
	text-decoration: none;
}

div.flexslider.unstyled {
	-moz-border-radius: 0;
	-moz-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-shadow: none;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
}

div.flexslider.flexslider-control-nav {
	margin-bottom: 45px;
}

div.flexslider-no-margin-bottom {
	margin-bottom: 20px;
}

/* BAC. (Student/Postdoc/Alumni) Testimonials */

#block-views-testimonials-block {
	margin-top: -23px !important;
}

#block-views-testimonials-block blockquote.testimonial div ul li{
	line-height: 1em;
	font-size: 0.92em;
}

/* BAC. (Faculty) Testimonials */

#block-views-faculty-testimonials-block {
	margin-top: 10px !important;
}
/* Target the General ul list in the content.*/
#block-system-main .content li {
	margin-left: 5px;
}

blockquote.testimonial {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #eee !important; /* BAC. I don't want the Admin Color Picker to overwrite this */
	border-radius: 10px;
	border: 0;
	color: #666 !important; 
	/*font-style: italic; */  
	margin: 0;
	padding: 10px 40px;
	position: relative;
}

blockquote.testimonial p {
	font-size: 0.97em !important;
	line-height: 1.45em !important;
}

blockquote.testimonial:before {
	left: 10px;
	top: 0;
}

blockquote.testimonial:before,
blockquote.testimonial:after {
	color: #f93;
	font-size: 75px;
	font-style: normal;
	line-height: 1;
	position: absolute;
}
blockquote.testimonial:before{
	content: "\2018"; /*\201C */ 
}

blockquote.testimonial:after {
	bottom: -0.5em;
	content: "\2019"; /*\201D */ 
	right: 10px;
}

div.testimonial-arrow-down {
	/*border-left: 15px solid transparent; BAC. The 3 borders shape the arrow */
	border-right: 15px solid transparent;
	border-top: 15px solid #eee  !important; /* BAC. I don't want the Admin Color Picker to overwrite this */
	height: 0;
	margin: 0 0 0 35px;
	width: 0;
}


/* Student|Alumni Testimonials. Faculty Testiomonials are style separately. */
div.testimonial-author {
	margin: 2px 0 0 4px;
}

div.testimonial-author div.thumbnail {
	float: left;
	margin-right: 10px;
}

div.testimonial-author strong {
	color: #111;
	display: block;
	padding-top: 0;
}

div.testimonial-author span {
	color: #666;
	display: block;
	font-size: 12px;
}

div.testimonial-author p {
	color: #999;
	margin: 0 0 0 15px;
	text-align: left;
}

/* BAC. FACULTY Testimonials */

blockquote.faculty-testimonial {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #efefef !important; /* BAC. I don't want the Admin Color Picker to overwrite this */
	border-radius: 8px;
	border: 0;
	color: #666 !important; 
	/*font-style: italic;*/  
	margin: 0px 0 0 0;
	padding: 13px 46px;
	position: relative;
}

blockquote.faculty-testimonial p {
	font-size: 0.97em !important;
	line-height: 1.45em !important;
}

blockquote.faculty-testimonial:before {
	left: 10px;
	top: 0;
}

blockquote.faculty-testimonial:before,
blockquote.faculty-testimonial:after {
	color: #f93;
	font-size: 75px;
	font-style: normal;
	line-height: 1;
	position: absolute;
}
blockquote.faculty-testimonial:before{
	content: "\201C"; 
}

blockquote.faculty-testimonial:after {
	bottom: -0.5em;
	content: "\201D"; 
	right: 10px;
}

div.faculty-testimonial-arrow-down {
	/*border-left: 15px solid transparent;*/ /* BAC. The 3 borders shape the arrow */
	border-right: 15px solid transparent;
	border-top: 15px solid #eee  !important; /* BAC. I don't want the Admin Color Picker to overwrite this */
	height: 0;
	margin: 0 0 0 50px;
	width: 0;
}

div.faculty-testimonial-author {
	margin: 2px 0 0 4px;
}

div.faculty-testimonial-author div.thumbnail {
	float: left;
	margin-right: 10px;
}

div.faculty-testimonial-author strong {
	color: #111;
	display: block;
	padding-top: 0;
}

div.faculty-testimonial-author span {
	color: #666;
	display: block;
	font-size: 12px;
}

div.faculty-testimonial-author p {
	color: #999;
	margin: 0 0 0 15px;
	text-align: left;
}


/* Icons */
span.featured-icon {
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	background: #CCC;
	border-radius: 35px;
	color: #FFF;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	position: relative;
	text-align: center;
	top: 5px;
	width: 35px;
}

span.featured-icon i {
	color: #FFF;
	font-size: 0.9em;
	font-weight: normal;
}

/* Graduate and Undergraduate Program */
.undregraduate-program .thumbnail .caption {
	font-size: 0.85em;
	padding: 5px 0 0 0 !important;
	color:#a9a9a9;
}

.graduate-program .thumbnail .caption {
	font-size: 0.85em;
	padding: 5px 0 0 0 !important;
	color:#a9a9a9;
}

/*  Undergraduate Program */

#education li {
	padding-bottom: 0px !important;
	margin:0 !important;
}
/* Second ul inside the list */
#education li ul { 
	padding-top: 0;
	margin-top: -7px;
}


/* Diagram */
div.diagram {
	float: left;
	height: 520px;
	margin: -50px 0;
	width: 500px;
}

div.diagram-get {
	display: none;
}

/* List */
ul.list li {
	margin-bottom: 13px;
}

ul.list.icons li i {
	color: #CCC;
}

ul.list.pull-left li {
	text-align: left;
}

/* Sitemap */
ul.sitemap > li > a {
	font-weight: bold;
}

ul.sitemap.list li {
	margin: 0 0 3px 0;
}

ul.sitemap.list ul {
	margin-bottom: 5px;
	margin-top: 5px;
}

/* Sitemap */
ul.icons {
	list-style: none;
}

ul.icons [class^="icon-"] {
	margin-right: 5px;
}

/* Recent News - This is what appears at the front page slider */
div.recent-news h4 {
	margin-bottom: 2px;
	font-size:0.98em;
}

div.recent-news p {
	margin-bottom: 2px;
	font-size: 0.9em;
}

/* BAC. Date is disabled in PHP code. Date at the front Page "News|Events" slider.
This Code is not used. But Leave just in case we want to Post the date. */
div.recent-news div.date {
	float: left;
	margin-right: 10px;
	margin-top: 8px;
	text-align: center;
}

div.recent-news div.date span.year {
	-moz-border-radius: 0 0 2px 2px;
	-moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	-webkit-border-radius: 0 0 2px 2px;
	-webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	background: #CCC;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	color: #FFFFFF;
	font-size: 0.95em;
	padding: 0 10px 0;
}
div.recent-news div.date span.month {
	-moz-border-radius: 0 0 2px 2px;
	-moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	-webkit-border-radius: 0 0 2px 2px;
	-webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	background: #CCC;
	color: #FFF;
	font-size: 1.0em;
	padding: 0;
}
div.recent-news div.date span.day {
	background: #FFF;
	color: #CCC;
	display: block;
	font-size: 0.9em;
	font-weight: 500;
	font-weight: bold;
	padding: 5px;
}
div.recent-news article.recent-news h4 {
	margin: 0 0 3px 0;
}
div.recent-news article.recent-news h4 a {
	display: block;
}


/* Custom Tables */
div.custom-table {
	margin: 25px 0 0 -15px;
	padding-left: 0;
	text-align: center;
}

div.custom-table a.btn {
	margin-top: 5px;
}

div.custom-table ul {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

div.custom-table h3 {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	background-color: #eee;
	background-image: -moz-linear-gradient(#FAFAFA,#eee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#eee));
	background-image: -webkit-linear-gradient(#FAFAFA, #eee);
	background-image: -o-linear-gradient(#FAFAFA, #eee);
	background-image: -ms-linear-gradient(#FAFAFA, #eee);
	background-image: linear-gradient(#FAFAFA, #eee);
	border-radius: 2px 2px 0 0;
	font-size: 20px;
	font-weight: normal;
	margin: -20px -20px 50px -20px;
	padding: 20px;
}

div.custom-table h3 span {
	-moz-border-radius: 100px;
	-moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	-webkit-border-radius: 100px;
	-webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	background: #FFF;
	border: 5px solid #FFF;
	border-radius: 100px;
	box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	color: #777;
	display: block;
	font: bold 25px/100px Georgia, Serif;
	height: 100px;
	margin: 20px auto -65px;
	width: 100px;
}

div.custom-table li {
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

/* Accordion */
.accordion-group {
	-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

/* Faculty List */
ul.faculty-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.faculty-list div.faculty-item {
	margin-bottom: 35px
}

/* Team List */
ul.team-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.team-list div.team-item {
	margin-bottom: 20px;
}
ul.team-list div.team-item i.extra-padding {
	padding-right: 8px;
}

/* Faculty Directory List */
ul.faculty-directory-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.faculty-directory-list div.faculty-directory-item {
	margin-bottom: 20px;
}
ul.faculty-directory-list div.faculty-directory-item i.extra-padding {
	padding-right: 8px;
}

/* Toggle */
section.toggle {
	margin: 0;
	position: relative;
}

section.toggle input {
	cursor: pointer;
	filter: alpha(opacity=0);
	height: 45px;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

section.toggle label {
	-moz-border-radius: 8px;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-webkit-border-radius: 8px;
	-webkit-transition: all .15s ease-out;
	background: #F4F4F4;
	border: 1px solid #F4F4F4;
	border-left: 3px solid #CCC;
	border-radius: 8px;
	color: #CCC;
	display: block;
	font-size: 1.0em;
	min-height: 20px;
	padding: 15px 15px 10px 10px;
	position: relative;
	transition: all .15s ease-out;
}
/*****section.toggle label h5 {
	font-size: 1.0em !important;
	text-transform:none;
	font-weight:300;
	padding: 0 0 0 17px;
	margin-top: -20px;
}
section.toggle label span {
	font-size: 0.8em !important;
	text-transform:none;
	padding: 0 20px 0 0;
	margin-top: -30px;
}
*******/

section.toggle div.toggle-content {
	display: none;
}

section.toggle label::-moz-selection {
	background: none;
}

section.toggle label i.icon-minus {
	display: none;
}

section.toggle label i.icon-plus {
	display: inline;
}

section.toggle label::selection {
	background: none;
}

section.toggle label::before {
	border: 6px solid transparent;
	border-left-color: inherit;
	content: '';
	margin-top: -6px;
	position: absolute;
	right: 4px;
	top: 50%;
}

section.toggle label:hover {
	background: #e9e9e9;
}

section.toggle label + p {
	color: #999;
	display: block;
	overflow: hidden;
	padding-left: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 25px;
}

section.toggle label i {
	font-size: 0.7em;
	margin-right: 8px;
	position: relative;
	top: -1px;
}

section.toggle.active i.icon-minus {
	display: inline;
}

section.toggle.active i.icon-plus {
	display: none;
}

section.toggle.active > label {
	background: #F4F4F4;
	border-color: #CCC;
}

section.toggle.active > label::before {
	border: 6px solid transparent;
	border-top-color: inherit;
	margin-top: -3px;
	right: 10px;
}

section.toggle > p.preview-active {
	height: auto;
}

section.toggle > p.preview-active,
section.toggle.active > p {
	white-space: normal;
}

/* BAC.  Display All content (no Toggle). Example Faculty positions. */
section.display-all {
	margin: 15px 0 0;
	position: relative;
	font-weight: normal;
}

section.display-all label {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #F6F6F6;
	border: 1px solid #F4F4F4;
	border-left: 3px solid #CCC;
	border-radius: 8px;
	color: #888;
	display: block;
	font-size: 1.3em;
	padding: 8px 10px;
	position: relative;
}

section.display-all label i {
	font-size: 0.8em;
	margin-right: 8px;
	position: relative;
	top: -1px;
}

section.display-all label:hover {
	background: #e9e9e9;	
}
section.display-all label:hover a {
	text-decoration:none;	
	color: #333;
}

/* Timeline for the PNI history */
ul.timeline {
	margin: 0 0 25px;
	padding: 0;
	list-style: none;
}

ul.timeline div.featured-box{
	border-radius: 6px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
}

ul.timeline div.featured-box div.box-content{
	border-style:solid;
	border-width: 0;
	border-bottom-color: #fff !important;
}

ul.timeline li {
	margin: 25px 0;
	padding: 0;
	clear: both;
}

ul.timeline li h4 {
	margin: 0 0 -27px 0;
	padding: 0;
}

ul.timeline li p {
	margin-left: 53px;
}

ul.timeline li div.thumb {
	background: transparent url(../img/history-circle.png) no-repeat 0 0;
	width: 227px;
	height: 160px;
	margin: 0 0 30px;
	padding: 0;
	float: left;
}

ul.timeline li div.thumb div.history-image img{
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	border-radius: 150px;
	margin: 7px 8px;
	width: 145px;
	height: 145px;
}

ul.timeline li div.featured-box {
	text-align: left;
	margin-left: 225px;
	margin-bottom: 50px;
	min-height: 115px;
}

/* Arrows */
span.arrow {
	background: transparent url(../img/arrows.png) no-repeat 0 0;
	width: 47px;
	height: 120px;
	display: inline-block;
	position: relative;
}

span.arrow.hl {
	background-position: -209px 0;
	width: 120px;
	height: 47px;
}

span.arrow.hlb {
	background-position: -209px -101px;
	width: 120px;  
	height: 47px;  
}

/* Single left Arrow */
span.left-arrow-single {
	background: transparent url(../img/single-left-arrow.png) no-repeat 0 0;
	width: 58px;
	height: 30px;
	display: inline-block;
	position: relative;
}

/* Google Maps */
div.google-map {
	background: #E5E3DF;
	height: 300px;
	margin: -35px 0 2px 0;
	width: 100%;
}
div.google-map-1 {
	background: #E5E3DF;
	height: 500px;
	margin: -35px 0 2px 0;
	width: 100%;
}

div.google-map img, div.google-map-1 img {
	max-width: 9999px;
}

/* Search Results */
div.search-results {
	min-height: 300px;
}

/* Image Icons */
i.image-icon {
	background-repeat: no-repeat;
	display: inline-block;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	overflow: hidden;
}

i.image-icon.small {
	width: 16px;
	height: 16px;
}

i.image-icon.big {
	width: 48px;
	height: 48px;
}

/* Image Icon Example */
i.image-icon.user {
	background-image: url(../img/icons/icon-user-24.png);
}

i.image-icon.user.small {
	background-image: url(../img/icons/icon-user-16.png);
}

i.image-icon.user.big {
	background-image: url(../img/icons/icon-user-48.png);
}

/* RELEVANT Social Icons */
ul.social-icons {
	margin: 0;
	padding: 0;
	width: auto;
}

ul.social-icons li {
	background-image: url(../img/social-sprites.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: 0 100px;
	display: inline-block;
	margin: -1px 1px 5px 0;
	padding: 0;
	border-radius: 100%;
	overflow: visible;
	transition: all 0.3s ease;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	-moz-border-radius: 100%;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-border-radius: 100%;
	-webkit-transition: all 0.3s ease;
}

ul.social-icons li a {
	display: block;
	height: 30px;
	width: 30px;
	text-align: center;
}

ul.social-icons li[class] a {
	text-indent: -9999px;
}

ul.social-icons li a:hover {
	text-decoration: none;
}

ul.social-icons li a i[class^="icon-"] {
	color: #444;
	font-size: 16px;
	position: relative;
	top: 3px;
}

ul.social-icons li a:active {
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
}

ul.social-icons li:active,
ul.social-icons li a:active {
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}

ul.social-icons li.linkedin {
	background-position: 0 -540px;
}

ul.social-icons li.linkedin:hover {
	background-position: 0 -570px;
}

ul.social-icons li.twitter {
	background-position: 0 -1140px;
}

ul.social-icons li.twitter:hover {
	background-position: 0 -1170px;
}

ul.social-icons li.youtube {
	background-position: 0 -1380px;
}

ul.social-icons li.youtube:hover {
	background-position: 0 -1410px;
}

ul.social-icons li.mail {
	background-position: 0 -1620px;
}

ul.social-icons li.mail:hover {
	background-position: 0 -1650px;
}

/* Popup */
.popup-inline-content {
	background: none repeat scroll 0 0 #FFF;
	margin: 40px auto;
	max-width: 1170px;
	padding: 20px 30px;
	position: relative;
	text-align: left;
	display: none;
}

/* Magnific Popup CSS */
.mfp-wrap .popup-inline-content {
	display: block;
}