/**


	general css
	logo changes size based on device
	project title needs to be closer to images




*/


body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.428571429;

background-color: #fff;
}

a {
	color: red;
	text-decoration: none;
}

a:hover {
	color: black;
	text-decoration: underline;
}


h1, h2, div.views-field-title a {
	font-family: 'Roboto', sans-serif;
	font-size: 125%;
	color: red;
	font-weight: 400;
	padding-bottom: 1px;
	text-decoration: none;
	margin-top: 10px;
}


/* need to override this to get rid of inset text shadow that is standard in bootstrap */
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


#block-block-1 {
	position: fixed;
	width: 230px;
}

#block-views-categories-block {
	position: fixed;
	width: 230px;
}

div.views-field-field-description {
	margin-top:10px;
	margin-bottom: 20px;
	max-width: 500px;

}



div.view-projects {
position: relative;
width: 100%;
left: 37px;
top: 30px;

}


/* grid block */
.col-md-4 {
	height: 190px;
}

div.view-projects .view-content .views-view-grid .row-fluid, div.view-people .view-content .views-view-grid .row-fluid {
	clear: both;
	position: relative;
	top: 210px;
	left: 150px;
}



div.views-field-field-description .field-content p {
font-family: 'Roboto', sans-serif;
color: black;
font-weight: 700;
font-size: 120%;
	
}


.view-people {
padding: 0px;
position: relative;
top: 0;
left: 0;
}


.view-people .view-content .views-view-grid .col-md-6 {
	margin-bottom: 80px;
}

.view-people .view-content .views-field-title .field-content {
	color: black;
	font-size:150%;

}


div.views-field-field-biography .field-content p {
	font-family: 'Roboto', sans-serif;
	color: #000;
	font-weight: 400;
	font-size: 100%;
	margin-top: 10px;

}

div.views-field-field-email {
	margin-top: 5px;
	margin-bottom:10px;
}

div.views-field-field-email a {
	font-family: 'Roboto', sans-serif;
	color: red;
	font-weight: 700;
	font-size: 100%;
	text-decoration: none;
	padding: 1px;
	margin-bottom:20px;
}


div.views-field-field-email a:hover {
font-family: 'Roboto', sans-serif;
	color: white;
	font-weight: 700;
	font-size: 100%;
	text-decoration: none;
	padding: 1px;
	margin-bottom:20px;
	background-color: black;

}

/* about page */
#node-4 #inline-sidl-logo + div {
position: relative;
left: 190px;
top: -60px;
}



/* revised project view */

table.views-view-grid.cols-3 tbody tr td {
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 5px;
	height: 150px;
	vertical-align: top;
}


div.view-projects div.views-field div.field-content a img {
	margin-bottom: 5px;
}

div.view-projects div.views-field div.field-content {
	width: 200px;
}


div.view-projects div.views-field-title a {
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	color: black;
	font-weight: 700;
	padding-bottom: 1px;
	text-decoration: none;
	margin-top: 10px;
}


div.view-projects div.views-field-title {
	width: 200px;
}

div.view-projects div.views-field-field-project-date {
	width: 200px;
	position: relative;
}

article.node {
font-family: 'Roboto', sans-serif;
color: #000;
font-weight: 400;
font-size: 120%;
position: relative;
/* old w big logo 
top: 200px;
left: 200px;
*/
top: 0;
left: 0;
width: 608px;
}

section h1.page-header {
	display: none;
}

h2.block-title {
	display: none;
}


footer.footer {

	
	background-color: red;
	bottom: 0;
	height: 50px;
	padding: 10px;
	width:100%;

}

.footer-item {
	margin-right: 20px;
	float: left;
	color: white;
	font-weight: 200;
	font-size: 80%;

}

footer a img {
	height: 25px;
}

footer a {
	color: white;
}

.footer-right {
	float: right;
}


#small-sidebar-logo {
	font-family: 'Roboto', sans-serif;
	font-size: 169%;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 20px;
	color: red;
	line-height: 1em;
	margin-top: 15px;
}


#inline-sidl-logo {
	font-family: 'Roboto', sans-serif;
	font-size: 500%;
	color: red;
	font-weight: 900;
	line-height: 0.8em;
	margin-bottom: 20px;	
}

#inline-sidl-logo-start {

font-family: 'Roboto', sans-serif;
font-size: 500%;
color: red;
font-weight: 900;
line-height: 0.9em;
margin-bottom: 20px;

}

#startpage-text {
color: black;
font-size: 200%;
position: relative;
top: -150px;
left: 350px;
}

#startpage-links {
font-size: 80%;
margin-top: 10px;
}

#startpage-links a {
	color: red;
}

#startpage-links a:hover {
	color: black;
	border-bottom:2px solid red;
	text-decoration: none;
}

#node-40 {
	position: relative;
	top: 30px;
	left: 64px;
}
}

div.view-projects .view-content table td {
	margin-right: 20px;
	padding-right: 10px;
} 

div.view-publications {
	  position: relative;
  top: 20px;

}

div.views-field-field-project-images {
	margin-bottom: 10px;
}
header#csr {
	padding: 5px 10px 0 39px;
  border-bottom: 1px solid #ccc;
  height: 30px;

}

header#csr a { 
	color: #28aae1;
	text-decoration: none;

}
header#csr a:hover { 
	color: #28aae1;
	border-bottom: 1px solid #28aae1;

}


header#navbar {
font-family: 'Roboto', sans-serif;
color: #000;
font-weight: 400;
font-size: 90%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
top: 30px;

}

header#navbar .container {
max-height: 52px;
border-bottom: 1px solid #ccc;
padding-bottom: 0;
padding-left: 40px;
width: 100%;
}

.navbar-default {
background-color: white;
border: none;
height: 50px;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #e7e7e7;
	/* max-height: 50px;  */
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
color: #fff;
text-decoration: none;
background-color: red;
outline: 0;
}

/* old huge 
.navbar-default .navbar-brand {
	font-family: 'Roboto', sans-serif;
	font-size: 550%;
	color: red;
	font-weight: 700;
	line-height: 1em;
}


.navbar-brand-container {
	position: relative;
	top: -12px;
	left: -38px;
}

*/
.navbar-default .navbar-brand {
	font-family: 'Roboto', sans-serif;
	font-size: 150%;
	color: #000;
	font-weight: 700;
}

.navbar-brand-container {
	position: relative;
}


.navbar-nav {
	float: left;
	margin: 0;
	background-color: white;
}

.navbar-default .navbar-nav>.active>a {
	color: white;
	background-color: #ddd;
}

.navbar-default .navbar-nav>.leaf>a:hover, .navbar-default .navbar-nav>.leaf>a:focus {
	color: white;
	background-color: red;
}
img {max-width: 100%; height: auto;}


.view-projects {
	position:relative;
	top: 57px;
}

article.node-project {
	position:relative;
	top: 57px;
}


.project-intro {
	margin-bottom: 10px;
}

.project-title-inline {
	font-size: 150%;
	font-weight: 400;
	margin-bottom: 10px;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	display: block;
	height: auto;
	max-width: 100%;
	line-height: 1;
	margin-left: auto;
	margin-right: auto;
}

.carousel-control.right {
	right: 0;
	left: auto;
	background-image: none;
	/* background-image: -webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5))); */
	/* background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%); */
	/* background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%); */
	/* background-repeat: repeat-x; */
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
	*/
}

.carousel-control.left {
	/* background-image: -webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5))); */
	/* background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%); */
	/* background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%); */
	/* background-repeat: repeat-x; */
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
	*/
	background-image: none;
}

.carousel-caption {
	text-align: left;
	font-size: 80%;
	position: absolute;
	color: black;
	text-shadow: none;
	left: 0px;
	top: 350px;
	border: none;
	background-color: white;
	padding-top: 5px;
	height: 60px;
	width: 100%;
}

.carousel-indicators {
	display:	none;
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	opacity: .5;
	filter: alpha(opacity=50);
	height: 80%;
}




.carousel-inner {
	position: relative;
	height: 405px;
	overflow: hidden;
	margin-bottom: 20px;
	/* background-color:black; */

}


.carousel-inner .item {
	position: relative;
	-webkit-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left;
	background-color: black;
	height: 405px;
}


.project-image-inline {
	margin-bottom: 10px;
}

.project-image-inline-caption {
	font-size: 80%;
}


.project-image-inline-video-container {
	margin-bottom: 10px;
}

.project-images-inline {

}

.project-description {
	margin-top: 0px;
	margin-bottom: 20px;
}

.project-description-2 {
	margin-top: 0px;
	margin-bottom: 20px;
}

.project-people {
margin-top: 20px;
}

.project-contact {
color: red;
margin-top: 20px;
padding-top: 10px;
border-top: 5px solid black;
}

.project-tags {
	color: red;
	font-weight: 300;
	margin-bottom:20px;
}

.project-tags a {
	color:red;
	text-decoration: none;
	font-weight: 300;
	padding: 1px;
}


.project-tags a:hover {
	color: white;
	text-decoration: none;
	font-weight: 300;
	padding: 1px;
	background-color: black;
}


.project-files strong, .project-links strong, .project-contact strong {
	color: red;
	border-bottom: 2px solid red;
}


.view-id-news {
	/* dropping this down */
	position:relative;
	top:57px;
}


.sidl-news-item {
	font-family: 'Roboto', sans-serif;
	color: #000;
	font-weight: 400;
	font-size: 120%;

	clear:both;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 10px;

}


.news-title {
	font-size: 120%;
	font-weight: 700;
	margin-bottom: 5px;
}

.sidl-news-item .news-title a {
	color: black;
}

article.node-news-item header h2 a {
	color: black;
}

.news-author {
font-size: 80%;
color: #666;
margin-bottom: 10px;

}
.news-images {
	margin-bottom: 10px;
}

.news-body {
	margin-bottom: 10px;
}

.news-body p a {
	color:red;
	font-weight: 700;
	text-decoration: none;
	font-size: inherit;
	border: none;

}
.news-body p a:hover {
	color:blue;
	font-weight: 700;
	border-bottom: 1px solid blue;
}

.news-social-media {
	margin-top: 10px;
}

.node-news-item footer ul li a {
	color: red;
}


.region-sidebar-first.well  {
	background-color: white;
	border: none;
	font-size: 120%;
}

.region-sidebar-first.well section p {
	background-color: white;
	border: none;
	font-size: 80%
}


.sidl-news-item #carousel-example-generic .carousel-indicators {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	bottom: 76px;
}


/* publication */

td.views-field.views-field-field-author {
	width: 250px;
}

div.publication-container {
	position:relative;
	top: 47px;
}

.publication-title {
	font-family: 'Roboto', sans-serif;
	font-size: 150%;
	color: black;
	font-weight: 400;
	padding-bottom: 1px;
	text-decoration: none;
	margin-top: 10px;
}

.publication-date, .publication-authors {
	font-size: 80%;
}
 
.publication-keywords {
	font-weight: 700;
	margin-top:10px;
}
.publication-keyword {
	color: red;
	font-weight: 400;
}

.publication-description {
	margin-top: 20px;
}

.publication-pdf, .publication-link {
	margin-top: 10px;
	font-weight: 700;
}


#csr-redirect {
	display: none;
	/* display: inherit; */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  
  
}

.c4sr-redirect-grey {
  background: #404040;
  opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 998;

}
.c4sr-redirect-wrapper {
	  background: white;
  opacity: 1;
  padding: 56px 20px 20px 20px;
  box-shadow: -3px 9px 9px rgba(127,127,127,0.5);
  font-size: large;
  z-index: 2000;
  margin: 70px;
  position: absolute;
  min-height: 400px;
  font-family: roboto;

  
}

.c4sr-redirect-wrapper a { 
  color: rgb(40,170,255);
}

.c4sr-logo {
	float: left;
	margin-right: 2%;

}

.c4sr-close {
	float: right;
	position: relative;
  top: -40px;
}
.c4sr-message {
	  padding-top: 92px;
}



/* media query overrides */

@media all and (max-width: 992px) {
  	/* move article over to the left if screen < 992 */
    article.node {
    	left: 0;
    }

    #block-block-1 {
    	display: none;
    }

    .col-md-4 {
    height: 190px;
width: 260px;
float: left;
}

div.view-projects {
width: 150%;
left: -35%;
top: 30px;

}


}

@media all and (max-width: 777px) {
  	/* once project grid is single column, align it left */
div.view-projects {
	padding: 0;
	width: 100%;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	left: 1%;
}

		#block-block-1 {
			display: none;
		}

		#block-views-categories-block {
			display: none;
		}

		#startpage-text {
			color: black;
			font-size: 200%;
			top: 20px;
			left: 0;
			position: relative;
			width: 80%;
	}

.footer-address {
	display: none;
}


	.col-md-4 {
height: 100%;
width: 200px;
float: left;
margin-right: 100%;
padding-bottom: 20px;
}
div.view-projects div.views-field div.field-content {
	/* min-width: 500%; */
}

div.view-projects div.views-field div.field-content {
	width: 250%;
}


#inline-sidl-logo-start {

font-family: 'Roboto', sans-serif;
font-size: 330%;
color: red;
font-weight: 900;
line-height: 0.9em;
margin-bottom: 20px;

}

}
/* iphone */

@media only screen and (max-width : 320px) {


.footer-address {
	display: none;
}

div.view-projects div.views-field div.field-content {
width: 250%;
}


	.col-md-4 {
height: 100%;
width: 85px;
float: left;
margin-right: 100%;
padding-bottom: 20px;
}

	.navbar-default .navbar-brand {
		font-family: 'Roboto', sans-serif;
		font-size: 150%;
		color: red;
		font-weight: 700;
		line-height: 1em;
	}

	.navbar-brand-container {
		position: relative;
		top: 0px;
		left: 0px;
	}

	div.view-projects {
		position: relative;
		left: -12px;
		top: -50px;
		
	}

	div.views-field-field-description .field-content p {
		font-family: 'Roboto', sans-serif;
		color: black;
		font-weight: 300;
		font-size: 80%;
		text-align: justify;
	}
	article.node {
		font-family: 'Roboto', sans-serif;
		color: #000;
		font-weight: 400;
		font-size: 100%;
		position: relative;
		top: 20px;
		left: 20px;
		width: 80%;
	}

	.carousel-inner {
		position: relative;
		overflow: hidden;
		padding: 0;
		margin-bottom: 10px;
		max-width: 280px;
		max-height: 150px;
	}


		#block-block-1 {
			display: none;
		}


#inline-sidl-logo-start {

font-family: 'Roboto', sans-serif;
font-size: 220%;
color: red;
font-weight: 900;
line-height: 0.9em;
margin-bottom: 20px;

}

#startpage-text {
	color: black;
	font-size: 100%;
	top: 20px;
	left: 0;
	position: relative;
	width: 80%;
	margin-bottom:20px;
	padding-bottom: 20px;
}


}

/*

font-family: 'Karla', sans-serif;
font-family: 'Capriola', sans-serif;
font-family: 'Capriola', sans-serif;
font-family: 'Allerta', sans-serif;

font-family: 'Roboto', sans-serif;
font-family: 'Cousine', ;
font-family: 'Muli', sans-serif;
font-family: 'Gudea', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family: 'Armata', sans-serif;
font-family: 'Anaheim', sans-serif;
font-family: 'Cutive Mono', ;
font-family: 'Lato', sans-serif;
font-family: 'Droid Sans', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
*/