/*
 Theme Name: Portfolio Theme
 Theme URI: http://www.micc.unifi.it/ferracani/
 Description: Portfolio theme
 Version: 1.0
 Author: Andrea Ferracani
 Author URI: http://www.micc.unifi.it/ferracani/
 */

/* CSS Document */

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

* {
	margin:0;
	padding:0;
}

body {
	background:#0f1116;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	line-height:1.65em;
}

#wrapper {
	/*min-height:2000px;
	background:#ededed;*/
	
}


#wrapper-inner {
	background:url(images/bg.jpg) center top no-repeat;
	background-size:cover;
	min-height:1000px;
}


header {
	background:#0F1116;
	color:#FFFFFF;
	padding:1.25em;
	position:relative;
}

#logo h1 {
	text-transform:uppercase;
	display:inline-block;
}

h1 a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:700;
}

span {
	color:#555555;
	font-size:1.2em;
	font-weight:300;
}

/* Navigation */

#nav {
	position:absolute;
	top: 5px;
	right:0;

}

#nav ul li {
	display:inline-block;
	padding:1.25em 1.25em;
}

#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active {
	color:#dddddd;
	text-decoration:none;
	-webkit-transition:color 0.35s ease-in-out;
	-o-transition:color 0.35s ease-in-out;
	-moz-transition:color 0.35s ease-in-out;
	-ms-transition:color 0.35s ease-in-out;
	transition:color 0.35s ease-in-out;
}

#nav ul li a:hover {
	color:#FFFFFF;
}

/* banner */

#banner {
	text-align:center;
	color:#fff;
	padding:4em 13%;
}

#banner p {
	font-size:1.75em;
	line-height:1.75em;
	margin-bottom:1.75em;
}

#banner a:link, #banner a:visited, #banner a:hover {
	color:#fff;
	text-decoration:underline;
}

#wrapper a:link.button, input[type="submit"] {
	background:#D84780;
	border-radius:6px;
	cursor:pointer;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	text-decoration:none;
	padding:0.75em 1.5em;
	font-size:1.2em;
	-webkit-transition:background-color 0.35s ease-in-out;
	-o-transition:background-color 0.35s ease-in-out;
	-moz-transition:background-color 0.35s ease-in-out;
	-ms-transition:background-color 0.35s ease-in-out;
	transition:background-color 0.35s ease-in-out;
}


#wrapper a:link.button:hover, input[type="submit"].button:hover {
	background:#e1719d;
}

#content {
	min-height:600px;
	/*background:#333;*/
}

.container {
	width:90%;
	/*min-height:500px;
	background:#ccc;*/
	margin:0 auto;
}

#content .row article a {
	color:#fff;
}

#content .row article.item {
	width:30%;
	margin-right:5%;
	margin-bottom:40px;
}

#content .row article.item:nth-child(3){
	margin-right:0;
}

#content .row article div.caption {
	background:#fff;
	padding:3em 2em;
	text-align:center;
	border-radius:0 0 6px 6px;
}

#content .caption p {
	margin-bottom:40px;
}

#content img.responsive {
	display:block;
	width:100%;
}

.row > * {
	float:left;
}

#services {
	color:#ddd;
}

#services .row article.item {
	width:38%;
	padding:3em 2% 3em 7%;
	border-top:1px solid rgba(255, 255, 255, 0.2);
	margin-right:6%;
	position:relative;
}

#services .row article.item:nth-child(2) {
	margin-right:0;
}

#services h3 {
	margin-bottom:0.80em;
	text-transform:uppercase;
	font-weight:800;
	font-size:2em;
	color:#fff;
}

#services .row:first-child article.item {
	border:none;
}

#services article.item i {
	position:absolute;
	left:0;
	top:0.80em;
	font-size:5vw;
}


.clearer {
	clear:both;
}

footer {
	background:#d84780;
	color:#fff;
	padding: 6em 0 0 0;

}

footer .headline {
	padding-bottom:3em;
	text-transform:uppercase;
	text-align:center;
}

footer .headline h2 {
	font-weight:800;
	font-size:2.8em;
}

footer .byline {
	letter-spacing:2px;
	margin:0.50em 0 0 0;
	padding:0 0 0.5em 0;
	font-size:1.3em;
	font-weight:300;
}

form {
	width:70%;
	margin:0 auto;
}

input, textarea {
	margin-bottom:20px;
}

input[type="text"], textarea, input[type="email"] {
	line-height:1.5em;
	color:#555555;
	border:none;
	padding:1em 2%;
	width:96%;
	border-radius:6px;
	font-size:12pt;
}

textarea {
	min-height:14em;
}

input[type="submit"] {
	border:1px solid #fff;
	color:#FFF;
	margin:0 auto;
	line-height:1.6em;
	display:block;
}

.copyright {
	background:#0f1116;
	color:#ddd;
	color:rgba(255, 255, 255, 0.2);
	text-align:center;
	padding:3em 0;
	margin-top:3em;
}

.copyright a {
	text-decoration:none;
	color:#ddd;
}

ul.icons {
	margin-top:2em;
	list-style:none;

}

ul.icons li {
	display:inline-block;
	padding:0 0.20em;
}

ul.icons li span {
	display:none;
}

ul.icons li a {
	border:1px solid #828282;
	color:#828282;
	font-size:1.2em;
	width:2em;
	height:2em;
	text-align:center;
	line-height:2em;
	border-radius:100%;
	text-decoration:none;
	
}


