/* RafaelOlivera.com css */

/* Colors 

- Body text, p, buttons, h2, h4, social links:
  #003339;

- Main menu links, h1, p strong, #intermediate fa-check:
  #00636f;

- h3, main menu links hover, social links hover:
  #05a9bc;

- h5, buttons icons (fa), footer h4, footer p, #basic fa-check:
  #92afb2;

- hr:
  #c8d7d8;

- section bg, #top bg:
  #f4f7f7;

- #advanced fa-check:
  #ec5e00;

*/

body * {
	hyphens: none;	
	-webkit-hyphens: none;	
	-moz-hyphens: none;	
}

a {
	transition: ease 0.35s !important;
	-webkit-transition: ease 0.35s !important;
	-moz-transition: ease 0.35s !important;
}
a:hover, a:focus, a:visited {
	outline: none !important;
}

header {
	background-color:  #f4f7f7;
}

	@keyframes stickyheader {
		from {top: -110px;}
		to {top: 0;}
	}

	header.sticky {
		position: fixed;
		width: 100%;
		z-index: 100;
		animation: stickyheader .5s ease;
		top: 0;
		/*border-bottom: 1px solid #c8d7d8;*/
		box-shadow: 0 4px 16px rgba(146,175,178,0.4);
	}

		header.sticky + main {
			margin-top: 92px;
		}

header#top .container {
		padding-bottom: 1.3em;
		padding-top: 2em;
	}

.site-title > a {
	display: block;
	position: relative;
}

.site-title > a, .site-title > a:hover {	
	text-decoration: none !important;
}
	.site-title a .text {
		font-size: 0.9em !important;
		font-family: 'Poppins', sans-serif;
		font-weight: 200 !important;
		color: #92afb2;
		position: absolute;
	}

	.site-title > a .logo {
		transform: rotate(9.6deg);
		-webkit-transform: rotate(9.6deg);
		-moz-transform: rotate(9.6deg);
		position: absolute;
	}

#site-menu a {
	color: #00636f;
	border-bottom: 1px solid rgba(5,169,188,0);
	line-height: 1.5em;
	font-weight: 400;
}

#site-menu a:hover, #site-menu .active a  {
		color: #05a9bc;
	}

h1 {
	color: #00636f;
	text-align: center;
	margin-bottom: 1em;
}
	h1 sup {
		color: #05a9bc;
	}
	h1 span {
		color: #92afb2;
	}

h3 {
	color: #05a9bc;
}
h5 {
	color: #92afb2;
}

.button, .button:visited, input[type=submit] {
	font-size: 16px;
	font-weight: 400;
	border: none;
	background: #003339;
	color: #fff !important;
	padding: 0.5em 1.75em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
}

.button.button-2nd {
	background: #fff;
	box-shadow: inset 0 0 0 2px #00636f;
	color: #00636f !important;
}

.button:hover, .button:active, .button.button-2nd:hover, .button.button-2nd:active {
	color: #fff !important;
	background: #05a9bc;
	box-shadow: none;
}
.button .fa {
	color: #92afb2;
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
}
.button:hover .fa, .button:active .fa {
	color: #fff;	
	transform:translate(0,2px);
	-webkit-transform:translate(0,2px);
	-moz-transform:translate(0,2px);
}

input[type=text], input[type=email], textarea {
	border-color: #00636f;
}

input[type=text]:focus, input[type=email]:focus, textarea:focus, input[type=text]:hover, input[type=email]:hover, textarea:hover {
	border-color: #05a9bc;
}


.filter-selectors a {
	color: #003339;
	font-weight: 400;
}

#projects .pics a {
	display: block;
}

.thumb .photo a, #projects .pics a{
	border: 1px solid #c8d7d8;
}
.thumb .photo a img {
	transition: ease 1.5s;
	-webkit-transition: ease 1.5s;
	-moz-transition: ease 1.5s;
}
.thumb .photo a:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}
.thumb .info {
	background-color: rgba(0, 51, 57, 0.75);
	box-shadow: inset 0 0 10px 3px #00636f;
	-webkit-box-shadow: inset 0 0 10px 3px #00636f;
	-moz-box-shadow: inset 0 0 10px 3px #00636f;
	text-align: center;
}
.thumb .info .title {
	font-size: 2em;
	font-weight: 600;
	letter-spacing: normal;
}

.filter-selectors a:hover {
	color: #05a9bc;
}

#about section {
	background: #f4f7f7;
	padding: 1.5em 2em;
	margin-top: -1em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#about #skills li {
	display: inline-block;
	margin-right: 2em;
}
	#about #skills .advanced li i:before {
		color: #ec5e00;
	}
	#about #skills .intermediate li i:before {
		color: #00636f;
	}
	#about #skills .basic li i:before {
		color: #92afb2;
	}

#about #work-experience p strong {
	color: #00636f;
}

#about #sidebar .photo {
		margin-bottom: 1.5em;
		width: auto !important;
	}

#sidebar h4 {
	color: #92afb2;
}

#sidebar li {
	margin-bottom: .5em;
}

	#sidebar li i {
		font-style: normal;
	}

		#sidebar li i.number {
			font-weight: 500;
			color: #fff;
			background: #00636f;
			border-radius: 50px;
			line-height: 24px;
			display: inline-block;
			width: 24px;
			height: 24px;
			text-align: center;
			margin-right: 8px;
		} 

a.back i, a.forward i {
	transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
	color: #c8d7d8;
	margin: 0 2px;
}
a.back:hover i {
	transform:translate(-2px,0);
	-webkit-transform:translate(-2px,0);
	-moz-transform:translate(-2px,0);
	color: #92afb2;
}
a.forward:hover i {
	transform:translate(2px,0);
	-webkit-transform:translate(2px,0);
	-moz-transform:translate(2px,0);
	color: #92afb2;
}


.social-links a {
	color: #003339;
	font-size: 2em;
	margin-right: 1em;
}
.social-links a:hover {
	color: #00636f;
}


#footer {
	background: #003339;
	color: #92afb2;
}

#footer .logo {
		transform: rotate(9.6deg);
		-webkit-transform: rotate(9.6deg);
		-moz-transform: rotate(9.6deg);
		filter: invert(1);
		-webkit-filter: invert(1);
		-moz-filter: invert(1);
	}

#footer h4 a {
	text-decoration: none !important;
	text-transform: lowercase;
	font-weight: 300;
}

#contact .col-sm-7.col-md-8 {
	float: none !important;
	margin: 0 auto !important;
}


@media (min-width: 992px) {
	
	
}


@media (min-width: 768px) and (max-width: 991px) {
	
	#projects .pics img{
		border: 1px solid #c8d7d8;
	}
	
}


@media (min-width: 768px) {
	
	header.sticky {
		
	}
	
	.site-title {
		width: 40%;
	}
	
	.site-title > a .logo {
			width: 204px;
			top: -44px;
			left: -25px;
		}
	.site-title a .text {
		left: 70px;
		top: 10px;
	}
	
	#site-menu .active a  {
		border-bottom: 1px solid #05a9bc;
	}
		
	/*#about #sidebar {
		margin-top: 5.8em;
	}*/
	
	.button.resume {
		display: none;
	}
	
	#about .col-sm-7 .photo {
		display: none;
	}
	
	.filter-selectors a.active {
		color: #05a9bc;
		border-bottom-color: #05a9bc;
	}
	
	.thumb .info .title {
		bottom: auto;
		top: 40%;
	}
	
	#footer .logo {
			width: 204px;
			margin-bottom: -1em;
		}
	
}

@media (max-width: 767px) {
	
		header.sticky + main {
		margin-top: 46px;
	}
	
	.site-title > a .logo {
			width: 110px;
			top: -24px;
			left: 0;
		}
	.site-title a .text {
		left: 50%;
		top: -15px;
	}
	
	#about h1 {
		text-align: left;
	}
	
	#about .button, input[type=submit], #contact .button {
		display: block;
		width: 100%;
		text-align: center
	}
	
	#about .col-sm-7 .photo {
		margin-bottom: 1em;
	}
	
	#about #sidebar {
		margin-top: -4em;
	}
	
	#about #sidebar h3 {
		display: block;
		/*text-align: center;*/
		margin-top: 1em;
	}
	
	#about #sidebar .photo {
		/*width: 60%;*/
		display: none;
	}
	
	#about #resume, #about h2.resume, #about p.resume {
		display: none;
	}
	
	#projects .pics img{
		border: 1px solid #c8d7d8;
	}
		
	#footer .logo {
			width: 110px;
		}
	
}