/*
 Theme Name: MICC Template
 Theme URI: http://www.micc.unifi.it/ferracani/
 Description: Template of Media Integration and Communication Center website
 Version: 1.0
 Author: Andrea Ferracani
 Author URI: http://www.micc.unifi.it/ferracani/
 */

/* Recommended screenshot.png size: 880x660 */

/* Global Styles */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

*{margin:0; padding:0;}

html {
	font-size:100%;
	margin-top: 0 !important;
}

html,
body {
    height: 100%;
    font-family:"Raleway", sans-serif;
    padding-top:40px;
    /*font-size:0.9rem;*/
    /*padding-top: 25px;*/
}



body {
	background: #ffffff;
	color:#444;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.95)), color-stop(100%,rgba(255, 255, 255, 0.95)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.95) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.95) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#00FFFFFF',GradientType=0 );
}

/* General Styles */

.img-responsive {
	border-radius:3px;
}

h1, h2 {
	text-transform:uppercase;
	font-size:1.4rem;
	font-weight: 500;
}

h1.page-header {
	margin-top:10px;
}

h3 {
	text-transform:uppercase;
	font-size:1.0rem;
	font-weight: 400;
}

h4 {
	font-size:1.0rem;
	font-weight: 300;
}

h4 + p {
	margin-top:2em;
}

p {
	line-height: 1.6em;
	letter-spacing: 0.1em;
	font-weight:300;
}

a {
	color: #517398;
}

strong, b {
	font-weight:500;
}

.btn-primary, .btn-primary:hover {
    background-color: #517398;
    border-color: #517398;
}

#wrapper .pagination li span.current {
	 background-color: #517398;
	 color: #fff;
	  border-color: #517398;
}

#wrapper .pagination > li > a, #wrapper .pagination > li > span {
	color: #555;
}



.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #517398;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #517398;
}

.btn:focus,.btn:active {
   outline: none !important;
}


/* Menu */

#wrapper li a em {
	display:inline-block;
	font-size:0.8em;
	float:right;
	margin:4px -15px 0 0;
	color:transparent;
}

ul #id-3d-vision a em {
	color: #b5b5b7;
}

ul #id-advanced-web-applications a em {
	color: #b0aac2;
}

ul #id-3d-imaging-and-vision a em {
	color: #e6af4b;
}

ul #id-computer-vision a em {
	/*color: #30231d;*/
	color: #3fb0ac;
}

ul #id-web-and-multimedia a em {
	color: #e05038;
}

ul #id-cultural-heritage a em {
	color: #2F1AED;
}

ul #id-image-processing a em {
	color: #e6af4b;
}

ul #id-media-security a em {
	color: #3fb0ac;
}

ul #id-natural-interaction a em {
	color: #e05038;
}

ul #id-smart-environments a em {
	color: #935347;
}

ul #id-web-media-search-and-retrieval a em {
	color: #ba9077;
}

/*ul #id-archived-projects a em {
	border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 0.6em;
    line-height: 1em;
}*/

    

#wrapper .navbar {
  background: url(multimedia/images/logos/logomicc-2015.svg) no-repeat;
  /*background-image: url('multimedia/images/logos/logomicc-2015.svg');*/
  background-size: contain;
  background-position: 2% 0;
 
}

#wrapper .navbar-fixed-top, #wrapper .navbar-header, #wrapper .navbar-collapse{
	 background-color: rgba(255, 255, 255, 1);
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #517398;
    
}

@media screen and (max-width:1400px) {
	#wrapper .navbar {
  		background: none;
		}
}


@media screen and (max-width: 992px) {
	#wrapper li a em {
		margin: 4px 10px 0 0;
	}
	
	#wrapper .single-item {
		margin-bottom:40px;
	}
	
	#wrapper .img-archived {
		margin-bottom:20px;
	}

}

/*.single-item {
	height:500px;
	max-height:500px;
	overflow:hidden;
}*/




/* Home Page Carousel 

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    
    background-size: cover; 
}*/

/* Home Page Portfolio */

.img-portfolio {
	margin-bottom:30px;
}

.img-hover:hover {
	opacity: 0.8;
}

/* Home Page Featured */

#sidebar ul {list-style-type: none;}
#sidebar ul ul {list-style-type:disc; margin-left:15px;}


/*Custom spacing */

.vspacing {margin: 0 0 10px 0;}


/*Single Post */

.img-related {
	margin-bottom: 30px;
}

.video-wrap {
	position: relative;
	padding-bottom: 55%; /* per dare un aspect ratio di 16:9 intrinseca, a un iframe non si puo' dare height: auto altrimenti
	viene reso a 150px; 
	padding-top: 30px;*/
	height: 0;
	overflow: hidden;
}
.video-wrap iframe, .video-wrap object, .video-wrap embed {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.video-outer-wrap {
	max-width:100%;
}



/*
@media (min-width: 768px) and (max-width: 1280px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}*/


@media (min-width: 768px) and (max-width: 1280px) {
    .navbar-right {
    	float:left !important;
    }
}
/* Override padding for map */
#wrapper .container-fluid {
	padding: 0;
}

#wrapper .navbar {
	/*top:-5px;*/
	
	box-shadow: 0 0 40px #DDD;
    -webkit-box-shadow: 0 0 40px #DDD;
    -moz-box-shadow: 0 0 40px #DDD;
    /*background: #ffffff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.95)), color-stop(100%,rgba(255, 255, 255, 0.95)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.95) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.95) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%,rgba(255, 255, 255, 0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#00FFFFFF',GradientType=0 );*/
}

#wrapper .navbar a:link {
	/*font-family:"Raleway", sans-serif;*/
}

/* Override padding for news */
#wrapper .news {
	padding:0;
}

/* Add pagination active on current */

.pagination li span.current {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}



/* Publications */

#publications .col-md-10 h3 {
	margin:0;
	line-height: 1.6rem;
}

#publications .col-md-2 p {
	margin-top: 5px;
}

@media screen and (max-width: 991px) {
	#publications .date, #publications .download {
		display: inline-block;
		margin: 0 10px 20px 0;
	}
}

#publications #reset-search {
	float:right;
}


/* STUDENTS */

.students a.btn {
	color: #fff;
	background-color: #517398;
	border:none;
	
}

.students a.btn:hover {
	border-color:none;
}


/* BLOG */

.blog {
	margin-top:20px;
}

.blog a.btn {
	color: #fff;
	background-color: #517398;
	border:none;
	
	
}

@media screen and (max-width:991px) {
	.blog a.btn {
		margin-bottom:10px;
	}
}

.blog a.btn:hover {
	border-color:none;
}

@media (min-width: 768px) {
    .navbar-right {
    	font-size:95%;
    }
    
    .navbar small {display:block; font-size:75%;}
    
    .navbar-brand {padding-top:7px;}
}

.single-thesis {
	margin-bottom:30px;
	min-height: 250px;
}