/*!
 * The main stylesheet for custom edits
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global Settings
# Site Navigation, Menus and share buttons
# Banner
# Isotope Grid Masonry Portfolio
# Content
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------
# Global Settings
--------------------------------------------------------*/
body {
  font-family: 'Inconsolata', sans-serif;
  color:#000000;
}

h1, h2, h3, h4, h5, h6, #top-navigation, #menu-filter, footer {
  font-family: 'Inconsolata', sans-serif;
}


/*--------------------------------------------------------
# Site Navigation, Menus and share buttons
--------------------------------------------------------*/
#top-navigation {
	margin-bottom:0;
}
.navbar-default {
	background-color:#ffffff;
}

.navbar-brand {
  padding-top:15px;
  font-size: 24px;
  color: #000 !important;
  font-family: 'Droid Sans Mono', sans-serif;
}

.general-menu li {
	display:inline;
	list-style-type:none;
	padding-right:1em;
}
#share-buttons li {
	padding-right:0.25em;
}
#share-buttons {
	margin-bottom:0;
}
#share-buttons a:hover {
	text-decoration:none;
}

#share-buttons i {
  color: white;
}

.under-banner {
	background-color:#202020;
	color:#ffffff;
	padding:1em 0;
}
h1.subnav-heading {
	font-size:16px;
	margin:0;
	padding-top:2px;
  /*font-weight: bold;*/
}

/* navbar toggle (mobile) */
.navbar-default .navbar-toggle {
	/* border-color: transparent; */
	border: none;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: white;
}

/* put all items on the same line */
@media screen and (max-width: 767px) {
	.nav>li {
		display: inline-block !important;
	}
}

/*--------------------------------------------------------
# Banner
--------------------------------------------------------*/
.banner {
	min-height:300px;
	text-align: center;
}

.banner-text {
	color: white;
	background-color: black;
	font-size: 24px;
}

/*--------------------------------------------------------
# Isotope Grid Masonry Portfolio
--------------------------------------------------------*/
#main-content {
	overflow:auto;
}
#menu-filter {
	background-color:#202020;
	padding:1em 0;
	text-align:center;
}
#menu-filter a {
	color:#ffffff;
}
#menu-filter .general-menu {
	margin:0.25em 0;
}

#featured-portfolio {
	margin:2em 0;
	clear:both;
	text-align:center;
}

/* Homepage portfolio */
.portfolioFilter a,
.portfolioSubFilter a {
    margin-right: 10px;
    color:#666;
    text-decoration:none;
    font-family: 'Inconsolata', sans-serif;
}

.portfolioFilter a.current,
.portfolioSubFilter a.current {
	/* font-weight:bold; */
	text-decoration: underline;
}

/* ---- isotope ---- */

.grid {
  /*background: #fff;*/
  margin: 0 auto;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

@media (min-width: 320px) {
  .grid-sizer,
  .grid-item {
    width: 100px;
    height: 100px;
	overflow: hidden;
  }
  .grid-item--width2 {
  	width: 203px;
  }
  .grid-item--height2 {
  	height: 203px;
  }

  .grid-item--width3 {
  	width: 306px;
  }
  .grid-item--height3 {
  	height: 306px;
  }

  .grid-item {
    float: left;
    margin-bottom: 3px;
  }
}

@media (min-width: 480px) {
  .grid-sizer,
  .grid-item {
    width: 150px;
    height: 150px;
	overflow: hidden;
  }
  .grid-item--width2 {
  	width: 303px;
  }
  .grid-item--height2 {
  	height: 303px;
  }

  .grid-item--width2 img {
    width: 303px;
  }

  /*.grid-item--width3 {
  	width: 456px;
  }
  .grid-item--height3 {
  	height: 456px;
  }*/

  .grid-item {
    float: left;
    margin-bottom: 3px;
  }
}

.grid-item img {
  display: block;
  max-width: 100%;
  filter: gray; /* IE6-9 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: grayscale(0.8); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(0.8); /* Google Chrome, Safari 6+ & Opera 15+ */
}

/* Disable grayscale on hover */
.grid-item:hover img {
  filter: none;
  -webkit-filter: grayscale(0) brightness(1.2);
  transform: scale(1.1);
}

.grid-item:hover .image-overlay-content {
  visibility: visible;
}

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/* ---- Image hover and link effects ---- */
/*.image-wrapper {
	overflow: hidden;
	position: relative;
	text-align: center;
}*/

.image-overlay-content {
	/*width: 100%;*/
	/*height: 100%;*/
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
  	visibility: hidden;
}

.image-overlay-content p {
  color: #ffffff;
  /*font-weight:bold;*/
  background-color: black;
}

/*.overlay-fade-in p {
	letter-spacing: 0em;
	color: #000000;
	font-size: 14px;
	font-weight:bold;
	opacity: 0;
	transition: all 0.2s linear;
	margin-bottom:0;
}
.overlay-fade-in img {
	transition: all 0.2s linear;
}
.overlay-fade-in .image-overlay-content {
	opacity: 0;
	background-color: rgba(222, 138, 5, 0.7);
	transition: all 0.4s ease-in-out;
}
.overlay-fade-in .button {
	display: inline-block;
	text-decoration: none;
	margin-top:30%;
	margin-bottom:4px;
	padding:7px 14px;
	color: #000;
	text-transform: uppercase;
	position: relative;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
.image-long .button {
	margin-top:70%;
}
.overlay-fade-in:hover img {
	transform: scale(1.2);
 }
.overlay-fade-in:hover .image-overlay-content {
	opacity: 1;
}
.overlay-fade-in p, .overlay-fade-in .button {
	opacity: 1;
}
.overlay-fade-in:hover p {
	transition-delay: 0.1s;
}
.overlay-fade-in:hover .button {
	transition-delay: 0.2s;
}*/


/*--------------------------------------------------------
# Content
--------------------------------------------------------*/
.intro-block {
  padding: 30px 15px;
  text-align: center;
}
#main-content {
	padding:2em 0 5em;
	overflow:auto;
	background: rgb(255, 255, 255);
	/*background: rgba(255, 255, 255, 0.9);*/
	/*margin-bottom:3em;*/
}
.entry-content {
	padding:2em 0 5em;
	overflow:auto;
	background: rgb(255, 255, 255);
	/*background: rgba(255, 255, 255, 0.9);*/
	/*margin-bottom:3em;*/
}
.entry-content h3 {
	font-size:18px;
}
.page-navigation .pager {
	margin:0;
}
.footer-meta {
	font-size: 0.9em;
}
footer {
	border-top:1px solid #ccc;
	margin-top:1em;
	padding-top:1em;
	clear:both;
	overflow:auto;
}

/*--------------------------------------------------------
# Pages and custom backgrounds
--------------------------------------------------------*/
/*.banner {
	background:url('images/banner.jpg') 0 0 no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/

/*.about-us {
	background:url('images/about-us.jpg') 0 0 no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/
.about-us .banner, .individual-project .banner {
	/*background:none;*/
}
.profile-section {
	text-align:center;
}
.profile-section a {
	color:#000000;
}
.profile-section a:hover {
	color: #434343;
	text-decoration:none;
}
.download-profile {
	border: 1px solid #a2a2a2;
}
/*.download-link::after {
	content: url('images/download-icon.png');
}*/

/* project navigation buttons */
.pager li > a, .pager li > span {
	background-color:transparent;
	border:0;
	color:#202020;
	font-size:16px;
}
.pager li > a:focus, .pager li > a:hover {
	background-color:transparent;
	color:#606060;
}

/*--------------------------------------------------------
# Individual Projects
--------------------------------------------------------*/
/*.individual-project {
	background:url('images/uaf-braga-bg.jpg') 0 0 no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/

.gallery {
  margin: 1em 0;
}

.gallery img.gallery-image {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.full-page-image {
  height: 100vh;
}

/*--------------------------------------------------------
# Footer
--------------------------------------------------------*/
.footer {
	background-color:#cfcfcf;
	padding-top:1.5em;
	padding-bottom:1em;
  margin-top: 0;
}