@charset "utf-8";
/*
Theme Name: Photonics2
Theme URI: http://wordpress.org/themes/twentythirteen
Author: Peach Technologies
Author URI: http://www.peachtechnologies.co.uk/
Description: The Future Photonics microsite styled template. Due to the complexity of the theme, much of the content cannot be updated from the WP-admin backend (only news and events, and a few other things) - includes wordpress plugin to control carousels contents.
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: photonics2
*/

body{
	font-size:100%;
	font-family: "Century Gothic", "Muli", sans-serif;
}
 h1{
	background:#8CBE28;
	color: #002846;
	margin-bottom:0;
	padding: 25px 125px 25px 25px;
}
ul > li{
	font-size:1.3em;
}
#top-banner{
	background:#002846;
	height:146px;
}
@media(max-width:800px){
	#top-banner{
		height:auto;	
}
}
img#hub-logo{
	float:left;
}
#epsrc{
	float:right;
}
@media (max-width:850px){
img#hub-logo{
	width:50%;
	height:50%;	
}
img#epsrc{
	width:20%;
	height:auto;
}
}
#menu-bar{
background: rgba(0, 40, 70, 0.6);
}
div#menu-bar div.container > nav.navbar.navbar-fixed > div.container div#navbar.collapse.navbar-collapse{
	background:  rgba(102, 126, 144, 0.9);
	margin-right:40px;
	margin-left:9px;
	position:relative;
	z-index:1000;
}
div#menu-bar > div.container > nav.navbar.navbar-fixed > div.container > div#navbar.navbar-collapse.collapse.in, div#menu-bar > div.container > nav.navbar.navbar-fixed > div.container > div#navbar.navbar-collapse.collapse.in > ul.nav.navbar-nav > li a{
	margin:inherit;
}
	

div#menu-bar > div.container > nav.navbar.navbar-fixed > div.container > div#navbar.collapse.navbar-collapse > ul.nav.navbar-nav > li > a, ul#menu-top-menu.nav.navbar-nav .menu-item a{
	font-size:1.25em;
	font-weight:bold;
	padding-right:25px;
	color:#fff;
}
@media (max-width:820px){
div#menu-bar > div.container > nav.navbar.navbar-fixed > div.container > div#navbar.collapse.navbar-collapse > ul.nav.navbar-nav > li > a{
	font-size:1.2em;

}	
}
div#menu-bar > div.container > nav.navbar.navbar-fixed > div.container > div#navbar.collapse.navbar-collapse > ul.nav.navbar-nav > li.active > a, ul#menu-top-menu.nav.navbar-nav .menu-item a:hover, ul#menu-top-menu.nav.navbar-nav .current-menu-item a{
	background: inherit;
	text-decoration:underline;
	color:#8cbe28;

}
ul#menu-top-menu.nav.navbar-nav .menu-item a{

}
div#navbar.navbar-collapse.collapse.in > div.menu-top-menu-container > ul#menu-top-menu.nav.navbar-nav > li a{
	padding-left:0;
	margin-left:0;
}

div.navbar-header > button.navbar-toggle.collapsed, div.navbar-header > button.navbar-toggle{
background:#002846; 
}


li.active > a{
	/*border-bottom:2px solid #fff;*/
}
/*Carousel*/
div#carousel-alt, div#carousel-alt-team, div#carousel-alt-capab{
	display:none;
}
@media (max-width:500px){
div#myCarousel{
	display:none;
}
div#carousel-alt{
	display:inherit;
	background:url(images/slider1a.jpg) center center no-repeat;
	background-size:cover;
	height:300px;	
}
div#carousel-alt-team{
	display:inherit;
	background: url(images/slider5a.jpg) center center no-repeat;
	background-size:cover;
	height:300px;		
}
div#carousel-alt-capab{
	display:inherit;
	background:url(images/slider1b.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}
}

div#myCarousel{
	/*margin-top:-50px;*/
	margin-left:25px;
	margin-right:25px;
}
div.carousel-caption{
	left:0;
	width:81.4%;
	background: rgba(240, 240, 240, 0.8);
	bottom:0;
}
.carousel-indicators
{
  position: absolute;
  bottom: 10px;
  left: 100px;

}
.carousel-indicators li
{
	height:20px;
	width:20px;
	background:#323433;
	border:1px solid #323433;
	margin-right:5px;
}
.carousel-indicators .active{
	width:23px;
	height:23px;
	margin-right:2px;
}
ol.carousel-indicators{
	margin-bottom:0;
}
div.carousel-caption h2, html > body > div.container > div#myCarousel.carousel.slide > div.carousel-inner > div.item.active > div.container > h2, div.carousel-caption > p{
	color:#002846;
	margin-top:-160px;
	padding:10px 40px 10px 30px;
	text-align:left;
	background:rgba(255, 255, 255, 0.8);
	margin-right:200px;
	font-size:2.4em;
	font-weight:normal;
	text-shadow:none;
}
div.carousel-caption > h4{
	display:none;
}
.carousel-control.left, .carousel-control.right{
	background:none;
}

/*
#intro-image{
	height:600px;
	background: url(../images/slider-placeholder.jpg) no-repeat center center;
	background-size:cover;
	margin:-51px 25px 0 25px;
}*/
div#connect{
		float:none;
}
@media(min-width:768px){
div#connect{
		float: right;
		position:relative;
		z-index:1000;
}


div#connect-content{
	background:rgba(212, 226, 155, 0.9);
	padding:7px;
	display:none;
	position:absolute;
	z-index:5600;
	width:306px;
}
div#connect-content p{
	text-align:center;
	font-size:1.4em;
	margin:5px;
}
div#connect-content p a{
	color:#000;

}
}
@media (max-width:650px){
div#connect-content{
	display:inherit;
	position:relative;
	width:100%;
	background:rgba(212, 226, 155, 1);
	margin-top:-5px;	
}
h1#connect-title{
	margin-top:0;
	padding-top:5px;
	padding-bottom:5px;
	font-size:1.6em;
}
div#connect-content p{
	text-align:left;
	font-size:1.4em;
	margin:5px;
	padding-left:25px;	
}
div#connect-content p a{
	color:#000;
}
}


/*modal */
div#myModal.modal.fade.in > div.modal-dialog > div.modal-content > div.modal-body, div#myModal.modal.fade.in > div.modal-dialog > div.modal-content > div.modal-header, div#myModal.modal.fade.in > div.modal-dialog > div.modal-content > div.modal-footer{
	background:#8CBE28;
}
	div.modal-content > div.modal-header > h4.modal-title{
		color:#fff;
	}
div.modal-content > div.modal-body > p, .ninja-forms-success-msg > p{
	color:#fff;
	font-size:1.5em;
}
input#ninja_forms_field_1.ninja-forms-field, input#ninja_forms_field_2.ninja-forms-field, input#ninja_forms_field_3.ninja-forms-field, input#ninja_forms_field_6.ninja-forms-field, input#ninja_forms_field_7.ninja-forms-field, input#ninja_forms_field_4.ninja-forms-field, input#ninja_forms_field_5.ninja-forms-field{
	line-height:20px;
}
.label-above > label, label#ninja_forms_field_4_label{
	font-size:1.4em;
}
div#ninja_forms_form_1_all_fields_wrap.ninja-forms-all-fields-wrap > div#ninja_forms_field_5_div_wrap.field-wrap.submit-wrap.label-above > div#nf_submit_1 > input#ninja_forms_field_5.ninja-forms-field{
	font-size:1.4em;
	padding:3px;
}


section#intro-text, section#intro-text-team{
	width:80%;
	padding:35px 25px 15px 35px;
	background:#fff;
}
section#intro-text > p{
	padding:inherit;
}
@media(min-width:768px){
section#intro-text > p{
	font-size:2em;
	padding-right:150px;
	padding-left:20px;
}
}

@media(max-width:1024px){
	section#intro-text p{
		font-size:2em;
	}
}
@media(max-width:600px){
	section#intro-text p{
		font-size:1.4em;
	}
}
section#intro-text-team p{
	padding-right:150px;
	padding-left:20px;
}
div#intro-text-team-content p{
	padding-right:20px;
}
/* add below to wodpress site*/
div#bob.container > div > div{
	background:rgba(207, 209, 203, 1);
	margin-top:-50px;
}
@media(max-width:850px){
div#bob.container > div > div{
	margin-top: inherit;
}
}
/* end */
section#section_2, section#section_3, section#section_4, div#intro-text-team-content{
	margin-left:20%;
	padding:35px;
	/*margin-bottom:50px;*/
}
@media (max-width:650px){
section#section_2, section#section_3, section#section_4, div#intro-text-team-content{
	margin-left:inherit;
}
section#intro-text, section#intro-text-team{
	width:100%;
	padding:0;
}
section#intro-text p{
	margin:none;
	padding:40px;
}
section#intro-text-team > h2{
	padding-top:15px;	
}
}
section#section_3, section#section_4{
	background:#fff;
}
section#section_2 p, section#section_3 p, section#section_4 p, div#intro-text-team-content p{
	font-size:1.5em;
}
@media(max-width:600px){
section#section_2 p, section#section_3 p, section#section_4 p, div#intro-text-team-content p{
	font-size:1.1em;
}	
}

div#section_3_outer{
	margin-top:100px;
	background:#fff;
	clear:both;
}
div#section_3_outer > h2.section-title{
	margin-top:25px;
}
div#section_4_outer{

margin-bottom:15px;
}
div#section_4_outer > div > img{
	margin:0 auto;
	display:block;
}

div#section_5_outer{
	background:#fff;
	padding-top:5px;
}

/* homepage page link boxes*/
#box1, #box2, #box3, #box4{
	height:240px;
	padding:0;
	position:relative;	
}
#box1{
	background:url(images/box1.jpg) center center no-repeat;
	background-size:cover;
}
#box2{
	background:url(images/box2.jpg) center center no-repeat;
	background-size:cover;
}
#box3{
	background:url(images/box3.jpg) center center no-repeat;
	background-size:cover;
}
#box4{
	background: url(images/box4.jpg) center center no-repeat;
	background-size:cover;
}
div#image-boxes p, div#image-boxes h2{
	color:#fff;
}
div#image-boxes h2{
	margin-top:20%;
	margin-left:0;
	margin-right:0;
	font-size:2em;
	font-weight:bold;
	background:rgba(0, 40, 70, 0.5);
	padding:3px 3px 3px 25px;
}
.p-orange, .p-green, .p-blue1, .p-pink{
	display:none;
}
html > body > div.container > div > div > div#image-boxes > div#box1.col-xs-12.col-sm-6.col-md-3 > div#filter-green > a:hover{
	text-decoration:none;
}

div#image-boxes p{
	font-size:1.6em;
/*	margin-left:25px;
	margin-right:25px;
	*/

}
/*div#image-boxes p:hover{
	display:inherit;
}
*/
/*div#image-boxes > div#box1.col-xs-12.col-md-3:hover{
	opacity:.7;
}*/
div#filter-green{
	height:240px;
	background:  rgba(140, 190, 40, 0);
	width:100%;
	position:absolute;
	z-index:1;
}
/*div#filter-green:hover{
	background:  rgba(140, 190, 40, 0.6);
}*/
div#filter-orange{
	height:240px;
	background:  rgba(252, 180, 18, 0);
	width:100%;
	position:absolute;
	z-index:1;
}
/*div#filter-orange:hover{
	background:  rgba(252, 180, 18, 0.6);
}*/
div#filter-blue1{
	height:240px;
	background:  rgba(0, 158, 158, 0);
	width:100%;
	position:absolute;
	z-index:1;
}
/*div#filter-blue:hover{
	background:  rgba(0, 158, 158, 0.6);
} */
div#filter-pink{
	height:240px;
	background:  rgba(188, 28, 114, 0);
	width:100%;
	position:absolute;
	z-index:1;
}
/* div#filter-pink:hover{
	background:  rgba(188, 28, 114, 0.6);
} */
html > body > div.container > div > div#image-boxes > div#box4.col-xs-12.col-md-3 > div#filter-pink > a{
	display:block;
	height:240px;
}
div#image-boxes a:hover{
	background:rgba(188, 28, 114, 0.6);
	text-decoration:none;
}

/*capability content click down section*/

.salaries-label{
	background:#ffd383;
}
.output-label{
	background:#009e9e;	
}
.employment-label{
	background:#8cbe28;	
}
.value-label{
	background:#bc1c72;
}

.value-label h3, .employment-label h3, .output-label h3, .salaries-label h3{
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
	color:#002846;
	padding:10px;
	margin-bottom:0;
	margin-top:0;
}
.value-label a,.employment-label a,.output-label a,.salaries-label a{
	text-decoration:none;
	display:block;
}

div#value-dropdown ,div#salaries-dropdown, div#output-dropdown, div#employment-dropdown{
	background:#002846;
	padding:15px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	opacity: .25;
	height:480px;
}
@media (max-width:800px){
	div#value-dropdown ,div#salaries-dropdown, div#output-dropdown, div#employment-dropdown{
	display:inherit;
}
}
@media (max-width:600px){
	div#value-dropdown ,div#salaries-dropdown, div#output-dropdown, div#employment-dropdown{
	min-height: inherit;
	margin-bottom:10px;
}
}
div#value-dropdown p, div#salaries-dropdown p, div#output-dropdown p, div#employment-dropdown p{
	color:#fff;
	text-align:center;
	font-size:1.8em;
	padding-top:0;
}
div#employment-dropdown > img{
	width:100%;
}


div#bottom-logos{
	background:#fff;
	margin-left:20%;
	height:200px;
	position:relative;
	margin-top:50px;
	clear:both;
}
@media (max-width:1024px){
	div#bottom-logos{
		margin-left:inherit;
		height:140px;
	}
}
@media (max-width:400px){
	div#bottom-logos{
		margin-left:inherit;
		height:100px;
	}
}
div#bottom-logos-content{
	position:absolute;
	bottom:0;
	right:0;
}
div#bottom-logos-content p{
	text-align:right;
	font-size:1.4em;
}
div#bottom-logos > div#bottom-logos-content > a:hover{
	opacity:.7;
}
@media (max-width:500px){
div#bottom-logos-content > a > img{
	width:40%;
	height:auto;
}
}
#sheffield-logo{
	float:right;
}
#soton-logo{
float:right; 
margin-top:20px;
margin-right:15px;
}
footer{
	background:#002846;
}
footer .container{
	padding:5px 0;
	color:#fff;
	font-size:1.2em;
}
footer > div.container > p{
	font-size:1.4em;
}
footer p.footer-contact{
	float:left; 
	margin-top:14px
}
footer p.footer-twitter{
	float:right;	
}
@media (max-width:768px){
footer > div.container > p.footer-contact, div.container > p.footer-twitter{
	font-size:1em;
}
footer > div.container > p.footer-contact{
	margin-left:3px;
}
}
 p.footer-twitter > img{
	 width:70px;
	 height:auto;
 }

div.container > p > a{
	color:#fff;
}
.yellow-hover, .pink-hover, .blue-hover, .green-hover, .flesh-hover, .grey-hover {
	background:#002846;
	color:#fff;
	font-size:1.3em;
	height:140px;
	border:1px solid #fff;
	padding:25px 10px;
}
.yellow-hover a, .pink-hover a, .green-hover a, .flesh-hover a, .grey-hover a, .blue-hover a{
	color:#fff;
}
.yellow-hover a:hover, .pink-hover a:hover, .green-hover a:hover, .flesh-hover a:hover, .grey-hover a:hover, .blue-hover a:hover{
	text-decoration:none;
}

.hub:hover{
	cursor:pointer;
}
/*
.hub.yellow-hover:hover{
	background:#fcb412;
}
.hub.pink-hover:hover{
	background:#bc1c72;
}
.hub.blue-hover:hover{
	background:#009e9e;
}
.hub.green-hover:hover{
	background:#8cbe28;
}
.hub.flesh-hover:hover{
	background:#ffd383;
}
.hub.grey-hover:hover{
	background:#cfd1cb;
}
*/
h2.section-title{
	margin-left:56px;
}
@media (max-width:650px){
h2.section-title{
	margin-left: 35px;
	margin-bottom:0;
}	
}
/*team page*/
#section_6_outer{
	position:relative;
	height:1000px;
}
.team-thumb{
	height:300px;
	padding:0;	
}
.team-thumb a h3{
	display:block;
	color:#fff;
	padding:20% 25px 20% 25px;
}

.team-thumb a:hover{
	text-decoration:none;
}


/*.team1, .team2, .team3, .team4, */.team-thumb{
	height:300px;
	padding:0;
}


/*
.team1{
	background:url(/wp-content/themes/photonics/images/David-Payne.jpg) center center no-repeat;
	background-size:cover;
}

.team2{
	background: url(/wp-content/themes/photonics/images/John_Heffernan.jpg) center center no-repeat;
	background-size:cover;
}
.team3{
	background:url(/wp-content/themes/photonics/images/Gilberto-Brambilla.jpg) center center no-repeat;
	background-size:cover;
}
.team4{
	background:url(/wp-content/themes/photonics/images/John_lincoln.jpg) center center no-repeat;
	background-size:cover;
}
*/
/*.team1 a h3, .team2 a h3, .team3 a h3, .team4 a h3,*/ .team-thumb a h3{
	display:block;
	color:#fff;
	padding:20% 25px 20% 25px;
}

/*.team1 a:hover, .team2 a:hover, .team3 a:hover, .team4 a:hover,*/ .team-thumb a:hover{
	text-decoration:none;
}
div#filter-team1, div#filter-team2, div#filter-team3, div#filter-team4, div#filter-team5, div#filter-team6, div#filter-team7, div#filter-team8, div#filter-team9, div#filter-team10, div#filter-team11, div#filter-team12{
	height:300px;
	/* background:  rgba(0, 158, 158, 0.35); */
	width:100%;
	position:absolute;
	z-index:1;
}
div#filter-team1{
background:  rgba(0, 158, 158, 0.35);	
}

div#filter-team1:hover, div#filter-team2:hover, div#filter-team3:hover, div#filter-team4:hover, div#filter-team5:hover, div#filter-team6:hover, div#filter-team7:hover, div#filter-team8:hover, div#filter-team9:hover, div#filter-team10:hover, div#filter-team11:hover, div#filter-team12:hover{
	cursor:default;
}


/* div#filter-team-blue:hover{
	background:  rgba(0, 158, 158, 0.6);
} */

/*
div#filter-team1{
	background:  rgba(140, 190, 40, 0.35);
}
*/
h3.h3-team{
	display:none;
}

div#team1-content, div#team2-content, div#team3-content, div#team4-content, div#team5-content, div#team6-content, div#team7-content, div#team8-content, div#team9-content, div#team10-content, div#team11-content, div#team12-content{
	background: rgba(0, 158, 158, 0.85);
	clear:both;
	margin:-80px 80px 80px 80px;
	padding:50px 35px;
	position:absolute;
	top: 350px;
	display:none;
	z-index:5500;
}

div#team1-content{
	display:inherit;
}
div#team1-content p, div#team2-content p, div#team3-content p, div#team4-content p, div#team5-content p, div#team6-content p, div#team7-content p, div#team8-content p, div#team9-content p, div#team10-content p, div#team11-content p, div#team12-content p{
	color:#fff;
	font-size:1.8em;
}
div#team1-content a.close, div#team2-content a.close, div#team3-content a.close, div#team4-content a.close, div#team5-content a.close, div#team6-content a.close, div#team7-content a.close, div#team8-content a.close, div#team9-content a.close, div#team10-content a.close, div#team11-content a.close, div#team12-content a.close{
	font-size:3.3em;
	float:right;
	color:#000;
	font-weight:bold;
	border:1px solid;
	border-radius:50%;
	width:40px;
	height:40px;
	text-align:center;
	margin-left:5px;
}
@media (max-width:500px){
	div#team1-content, div#team2-content, div#team3-content, div#team4-content, div#team5-content, div#team6-content, div#team7-content, div#team8-content, div#team9-content, div#team10-content, div#team11-content, div#team12-content{
		display:none;
	}
}
/* News and Events */
div#news-intro-image{
	height:300px;
	background:url(/wp-content/themes/photonics2/images/news-top-banner.jpg) center center no-repeat;
	background-size:cover;	
}

div#connect.news-events{
	margin-top:-50px;
}

div#connect.work{
	margin-top:-160px;
}
@media (max-width:650px){
div#connect.news-events{
	margin-top:0;
}	
}

#news-main .news-image, #news-single .news-image{
	background:url(/wp-content/themes/photonics2/images/news-main.jpg) center center no-repeat;
	background-size: cover;
	height:500px;
	margin-top:40px;
	margin-right:25px;
}
@media (max-width:650px){
#news-main .news-image, #news-single .news-image{
	margin-right:0;	
}
}
#news-single .news-image, section#news-main article a div.news-image{
	margin-top:0;
}
section#news-single{
	margin-top:50px;
	clear:both;
}
@media (max-width:650px){
#news-main .news-image, #news-single .news-image{
	height:250px;
}
}

section#news-main a h2, section#news-single h2{
	font-size:5.4em;
	font-weight:bold;
	padding:10px;
	background:#fff;
	margin-top:0;
	color:#002846;
}
@media (min-width:1024px){
section#news-main a h2, section#news-single h2{
	margin-right:200px;
	padding-left:0;
}
}
section#news-main > article > div > a > h2{
	color:#fff;
	background:#002846;
	padding:35px 15px;
	margin-bottom:0;
	margin-right:25px;
	margin-top:0;
}

@media (max-width:1024px){
section#news-main a h2, section#news-single h2{
	font-size:4.8em;	
}
}
@media (max-width:650px){
section#news-main a h2, section#news-single h2, html > body.customize-support > div.container > div > div > section#news-main > article > div > a > h2{
	font-size:3.0em;
	margin-right:0;	
}
}
section#news-single h2{
	margin-bottom:0;
}
@media(max-width:500px){
section#news-single h2{
	font-size:2.4em;
}
}
section#news-main a:hover, section#news-single a:hover{
	text-decoration:none;
}
.news-small-image{
	width:30%;
	height:150px;
	float:left;
	margin-right:10px;
	margin-bottom:0;
	background: url(/wp-content/themes/photonics2/images/box3.jpg) center center no-repeat;
	background-size:cover;
}
@media(max-width:500px){
.news-small-image{
	height:100px;
	width:50%;
}
}
.news-column article{
	clear:both;
	background:#fff;
	min-height:150px;
	margin-bottom:15px;
	margin-top:5px;
}
@media(max-width:500px){
.news-column article{
	min-height:100px;
}
}
div#news-small > div.row > div.col-sm-8.col-xs-12.news-column{
	padding-top:60px;
	background:#fff;	
}
@media(max-width:650px){
div#news-small > div.row > div.col-sm-8.col-xs-12.news-column{
	padding-top:10px;
}
}
html > body.customize-support > div.container > div > div > div#news-small > div.row{
	background:url(/wp-content/themes/photonics2/images/news-white-block.gif) right -10px repeat-x;
}
.news-column article a:hover, .events-column article a:hover{
	opacity:.8;
	text-decoration:none;
}

div.news-small-text h2{
	font-size:1.7em;
	color:#002846;
	margin-bottom:0;
	margin-top:10px;
	font-weight:bold;
	padding-top:12px;
	padding-left:12px;
}
.news-small-text > p{
	font-size:1.3em;
	margin-right:10px;
}
.events-column article a div.events-content{
	/*background:#fff;*/
	padding:5px;
}
.events-column article{
	margin:20px 10px;
	padding-right:15px;
}
.events-column article:first-of-type{
	margin-top:30px;
}
.news-column > article > a > div.news-small-text > p{
	color:#002846;
}
@media(max-width:500px){
.news-column > article > a > div.news-small-text > p{
	display:none;
}
}
.news-column > article > a > div.news-small-text > p:first-line{
	font-weight:bold;
}


.events-column > article > a > div.events-content > h3, .events-column > article > a > div.events-content > p{
	color:#002846;
}
.events-image-small{
	height:140px;
}
div.events-content > h3{
	font-weight:bold;
	font-size:1.8em;
	margin-top:5px;
}
div.news-single-text{
	background:#fff;
	margin:0 25px 25px 25px;
	padding:25px;
}
@media (max-width:650px){
div.news-single-text{
	margin:0;
	padding:0;
}
}

div.news-single-text p{
	font-size:1.4em;
}
div.news-single-text p:first-of-type{
	font-size:1.8em;
	margin-top:25px;
}
@media (min-width:1024px){
div.news-single-text p{
	margin-right:200px;
}
}
div.event-date{
	font-weight:bold;
}
div.events-item{
	margin-right:10px;	
}
@media(max-width:650px){
	div.events-item, div.events-column > h2{
		margin-left:10px;
	}
	
}
div.events-item p{
	font-size:1.2em;
}
div.events-item h3{
	font-size:2.05em;
}
div.events-column h2{
	font-size:2.85em;
}
/*work with us page*/
div#work-intro-image{
	height:300px;
	background: url(/wp-content/themes/photonics2/images/slider3a.jpg) center center no-repeat;
	background-size:cover;	
}

section#work-with-us > h2{
	font-size:2em;
	margin-left:0;
	background:#fff;
	margin-right:225px;
	margin-bottom:0;
	padding:35px 0 35px 25px;
}
div.work-content{
	background:#fff;
	padding:10px 40px;
	overflow:auto;
	margin-right:100px;
}

div.work-content ul{
	padding:0;
}
div.work-content ul li{
	list-style:none;
	font-size:1.4em;
	margin-left:0;
}
div.work-content > p{
	font-size: 1.6em;
}

/* word with us Map page  */
 div.map-image{
	/* background: url(/wp-content/themes/photonics/images/UK-Map-Linksv2.png) center center no-repeat #002846;*/
	 background-size:contain;
	 height:800px;
	 margin-bottom:15px; 
 }
 div.map-image h3{
	 color:#fcb412;
	 font-size:3em;
	 font-weight:bold;
	 padding-left:100px;
	 padding-top:25px;
 }
div.uk-industry-partner a, div.univ-sheffield a, div.multi-partners a, div.uni-southampton a{
	background:#fff;
	padding:3px 4px 3px 8px;
	padding-right:20px;
	color:#002846;
	font-size:1.1em;
	font-weight:bold;
}
div.uk-industry-partner a:hover, div.univ-sheffield a:hover, div.multi-partners a:hover, div.uni-southampton a:hover{
	text-decoration:none;
	opacity:.8;	
}
div.uk-industry-partner.point1{
	position: absolute;
	top:468px;
	left:668px;	
	display:none;
}
div.uk-industry-partner.point2{
	position: absolute;
	top:487px;
	left:650px;	
	display:none;
}
div.uk-industry-partner.point3{
	position: absolute;
	top:607px;
	left:822px;	
	display:none;
}
div.uk-industry-partner.point4{
	position: absolute;
	top:658px;
	left:874px;
	display:none;
}
div.uk-industry-partner.point5{
	position: absolute;
	top:796px;
	left:632px;	
	display:none;
}
div.uk-industry-partner.point6{
	position: absolute;
	top:814px;
	left:718px;
	display:none;
}
div.uk-industry-partner.point7{
	position: absolute;
	top:798px;
	left:805px;
	display:none;
}
div.uk-industry-partner.point8{
	position: absolute;
	top:812px;
	left:804px;	
	display:none;
}
div.uk-industry-partner.point9{
	position: absolute;
	top:934px;
	left:822px;	
	display:none;
}
div.uk-industry-partner.point10{
	position: absolute;
	top:933px;
	left:925px;	
	display:none;
}
div.uk-industry-partner.point11{
	position: absolute;
	top:968px;
	left:787px;	
	display:none;
}
div.uk-industry-partner.point12{
	position: absolute;
	top:1004px;
	left:701px;	
	display:none;
}	
div.uk-industry-partner.point13{
	position: absolute;
	top:1038px;
	left:667px;	
	display:none;
}
div.uk-industry-partner.point14{
	position: absolute;
	top:571px;
	left:322px;	
	display:none;
}
div.uk-industry-partner.point15{
	position: absolute;
	top:1072px;
	left:684px;	
	display:none;
}

div.uk-industry-partner.point16{
	position: absolute;
	top:1072px;
	left:805px;	
	display:none;
}	

div.uk-industry-partner.point17{
	position: absolute;
	top:1038px;
	left:856px;
	display:none;
}
div.uk-industry-partner.point18{
	position: absolute;
	top:1037px;
	left:890px;
	display:none;
}

div.uk-industry-partner.point19{
	position: absolute;
	top:1037px;
	left:908px;	
	display:none;
}

div.uk-industry-partner.point20{
	position: absolute;
	top:1037px;
	left:942px;
	display:none;
}
div.uk-industry-partner.point21{
	position: absolute;
	top:1037px;
	left:874px;
	display:none;
}

div.uk-industry-partner.point22{
	position: absolute;
	top:986px;
	left:995px;	
	display:none;
}
div.uk-industry-partner.point23{
	position: absolute;
	top:1053px;
	left:890px;
	display:none;
}

div.uk-industry-partner.point24{
	position: absolute;
	top:1106px;
	left:840px;
	display:none;
}

div.uk-industry-partner.point25{
	position: absolute;
	top:1122px;
	left:667px;
	display:none;
}

div.uk-industry-partner.point26{
	position: absolute;
	top:1156px;
	left:633px;
	display:none;
}

div.uk-industry-partner.point27{
	position: absolute;
	top:1174px;
	left:597px;
	display:none;
}



/* */

div.uk-industry-partner-bullet{
	background:#8cbe28;
	border-radius:50%;
	width:17px;
	height:17px;
}
div.uk-industry-partner-bullet.point1{
position: absolute;
	top:468px;
	left:647px;	
}
div.uk-industry-partner-bullet.point2{
position: absolute;
	top:486px;
	left:629px;	
}
div.uk-industry-partner-bullet.point3{
position: absolute;
	top:607px;
	left:802px;	
}
div.uk-industry-partner-bullet.point4{
position: absolute;
	top:658px;
	left:854px;	
}
div.uk-industry-partner-bullet.point5{
position: absolute;
	top:796px;
	left:612px;	
}
div.uk-industry-partner-bullet.point6{
position: absolute;
	top:813px;
	left:698px;	
}
div.uk-industry-partner-bullet.point7{
position: absolute;
	top:796px;
	left:784px;	
}
div.uk-industry-partner-bullet.point8{
position: absolute;
	top:813px;
	left:784px;	
}
div.uk-industry-partner-bullet.point9{
position: absolute;
	top:934px;
	left:802px;	
}
div.uk-industry-partner-bullet.point10{
position: absolute;
	top:933px;
	left:905px;	
}
div.uk-industry-partner-bullet.point11{
position: absolute;
	top:968px;
	left:767px;	
}
div.uk-industry-partner-bullet.point12{
position: absolute;
	top:1003px;
	left:681px;	
}
div.uk-industry-partner-bullet.point13{
position: absolute;
	top:1038px;
	left:647px;	
}
div.uk-industry-partner-bullet.point14{
position: absolute;
	top:572px;
	left:302px;	
}
div.uk-industry-partner-bullet.point15{
position: absolute;
	top:1072px;
	left:664px;	
}
div.uk-industry-partner-bullet.point16{
position: absolute;
	top:1072px;
	left:784px;	
}
div.uk-industry-partner-bullet.point17{
position: absolute;
	top:1038px;
	left:836px;	
}
div.uk-industry-partner-bullet.point18{
position: absolute;
	top:1037px;
	left:870px;	
}
div.uk-industry-partner-bullet.point19{
position: absolute;
	top:1037px;
	left:888px;
}
div.uk-industry-partner-bullet.point20{
position: absolute;
	top:1037px;
	left:922px;
}
div.uk-industry-partner-bullet.point21{
position: absolute;
	top:1037px;
	left:1009px;
}
div.uk-industry-partner-bullet.point22{
position: absolute;
	top:986px;
	left:974px;
}
div.uk-industry-partner-bullet.point23{
position: absolute;
	top:1053px;
	left:871px;
}
div.uk-industry-partner-bullet.point24{
position: absolute;
	top:1106px;
	left:820px;
}
div.uk-industry-partner-bullet.point25{
position: absolute;
	top:1122px;
	left:647px;
}
div.uk-industry-partner-bullet.point26{
position: absolute;
	top:1156px;
	left:612px;
}
div.uk-industry-partner-bullet.point27{
position: absolute;
	top:1174px;
	left:577px;
}
div.uk-industry-partner-bullet.point28{
position: absolute;
	top:284px;
	left:606px;	
}
div.univ-sheffield{
	position: absolute;
	top:813px;
	left:788px;
	display:none;
}
div.univ-sheffield-bullet{
	background:#fcb412;
	border-radius:50%;
	width:20px;
	height:20px;
	position: absolute;
	top:811px;
	left:766px;
}
div.multi-partners.point1{
	position: absolute;
	top:502px;
	left:600px;
	display:none;
}
div.multi-partners.point2{
	position: absolute;
	top:968px;
	left:806px;
	display:none;
}
div.multi-partners.point3{
	position: absolute;
	top:1088px;
	left:840px;
	display:none;
}
div.multi-partners.point4{
	position: absolute;
	top:1054px;
	left:875px;
	display:none;
}
div.multi-partners-bullet{
	background:#009e9e;
	border-radius:50%;
	width:22px;
	height:22px;

}
div.multi-partners-bullet.point1{
	position: absolute;
	top:500px;
	left:575px;
}
div.multi-partners-bullet.point2{
	position: absolute;
	top:966px;
	left:782px;
}
div.multi-partners-bullet.point3{
	position: absolute;
	top:1086px;
	left:817px;
}
div.multi-partners-bullet.point4{
	position: absolute;
	top:1052px;
	left:851px;
}
div.uni-southampton{
	position: absolute;
	top:1105px;
	left:823px;
	display:none;
}
div.uni-southampton-bullet{
	background:#bc1c72;
	border-radius:50%;
	width:20px;
	height:20px;
	position: absolute;
	top:1104px;
	left:801px;
}
@media (max-width:1211px){
div.uk-industry-partner{
	position: absolute;
	top:280px;
	left:520px;
	display:none;
}
div.uk-industry-partner-bullet{
	position: absolute;
	top:284px;
	left:506px;
}
div.univ-sheffield{
	position: absolute;
	top:460px;
	left:596px;
	display:none;
}
div.univ-sheffield-bullet{
	position: absolute;
	top:463px;
	left:581px;
}
div.multi-partners{
	position: absolute;
	top:546px;
	left:606px;
	display:none;
}
div.multi-partners-bullet{
	position: absolute;
	top:549px;
	left:592px;
}
div.uni-southampton{
	position: absolute;
	top:621px;
	left:617px;
	display:none;
}
div.uni-southampton-bullet{
	position: absolute;
	top:625px;
	left:601px;
}	
}
@media (max-width:1004px){
div.uk-industry-partner{
	position: absolute;
	top:280px;
	left:408px;
	display:none;
}
div.uk-industry-partner-bullet{
	position: absolute;
	top:284px;
	left:394px;
}
div.univ-sheffield{
	position: absolute;
	top:460px;
	left:484px;
	display:none;
}
div.univ-sheffield-bullet{
	position: absolute;
	top:463px;
	left:470px;
}
div.multi-partners{
	position: absolute;
	top:546px;
	left:496px;
	display:none;
}
div.multi-partners-bullet{
	position: absolute;
	top:549px;
	left:482px;
}
div.uni-southampton{
	position: absolute;
	top:621px;
	left:504px;
	display:none;
}
div.uni-southampton-bullet{
	position: absolute;
	top:623px;
	left:490px;
}	
}
@media(max-width:1200px){
div.multi-partners, div.multi-partners-bullet, div.uni-southampton, div.uni-southampton-bullet, div.univ-sheffield-bullet, div.univ-sheffield, div.uk-industry-partner-bullet{
	display:none;	
}
}

/* wordpress codex code to add */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
 .sticky{

 }
 .gallery-caption{

 }
 .bypostauthor{
 	
 }