@font-face {
	font-family: "Ubuntu-B", sans-serif;
	src: local('fonts/ubuntu/Ubuntu-B.ttf');
}
@font-face {
	font-family: "Ubuntu", sans-serif;
	src: local('fonts/ubuntu/Ubuntu-R.ttf');
}
@font-face {
	font-family: "LinBio", sans-serif;
	src: local('fonts/LinBio/LinBiolinum_aS.ttf');
}
*{	
	margin: 0 auto;
	padding: 0px; 
	color: white;
	font-family: "Ubuntu-B",sans-serif;
	/**/
}
*:not(.container,.single-item, .single-item > div, .single-item div>h3){
	max-width: auto;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

@viewport {
  min-width: 640px;
  max-width: 800px;
}
@viewport {
  zoom: 0.75;
  min-zoom: 0.5;
  max-zoom: 0.9;
}
@viewport {
  orientation: landscape;
  min-zoom: 100%;
}
html{
	background-color: #f3e9d2;
}
table td{
	padding: 10px;
}

#project_link{
	text-decoration: none;
}
#project_name:hover{
	color: white;
	background-color: black;
	transition: 1s ease;
}
/* Top Bar CSS Block */
#top_bar{ width: 100%; height: 75px; background-color: #114b5f; }
#bot_bar{ width: 100%; font-size: 32px; height: auto; padding: 0px; padding-top: 10px; padding-bottom: 15px; background-color: #114b5f; clear: both; vertical-align: middle;}
#icon{ height: 75px; width: auto; text-align: center; display: block; max-width: 100%; }
/*filter: brightness(200%) hue-rotate(90deg); }*/

/* Navigation Menu CSS */
#desktop_nav{ width: 100%; height: 40px; background-color: #0a232f; }
#desktop_nav ul{ height: 100%; list-style-type: none; text-align: center; display: block; width: 100%;}
#desktop_nav li{ border-width: 0px; display: inline-block; cursor: pointer; vertical-align: middle; font-weight: bold; height: 100%; margin-top: 5px; }
#desktop_nav p{ font-size: 25px; padding-left: 10px; padding-right: 10px; display:inline-block; text-align: center; width: 100px; color: #88d498; transition-delay: 0.2s;  -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; }	
#desktop_nav li:hover p{ color: #f3e9d2; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
#desktop_nav li.active_section p{ color: #c6dabf; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }

/* PROJECT SECTION */
#projects {  text-align: left; width: 100%; }
#project_parts{ width: 80%; height: auto;}
#thumbnail_bar{ width: 100%; background-color: #00130E; height: 65px; background-image: url('../images/base.gif'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
#thumbnail_bar ul{ width: 100%; list-style-type: none; text-align: center; min-height: 60px;  margin-top: 5px;}
#thumbnail_bar li{ height: 55px; background-color: rgba(0,35,45,0); display: inline-block; cursor: pointer; padding: 5px; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;  }
#thumbnail_bar li:hover{ background-color: #277553; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;  }
#thumbnail_bar div{ -webkit-filter: saturate(75%); -moz-filter: saturate(75%); width: 55px; height: 55px; background-size: contain; background-repeat: no-repeat; background-position: center center; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
#thumbnail_bar li:hover div{ -webkit-filter: saturate(200%); filter: saturate(200%); -moz-filter: saturate(200%); transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
#project_list{ margin-top: 0px !important; margin-bottom: 0px !important;}

/* PROJECT.CONTENT */
#content{ 
	color: #40813D; 
	height: auto; 
}
#project_name{ 
	text-align: center; 
	font-size: 32px; 
	height: 40px;
	font-stretch:condensed;
	width: 100%; 
	background-color: #123a2f;
	color: #7cddb8; 
	transition: 1s ease;
}
#project_details{ margin-left: 30%; padding: 10px; padding-bottom: 40px; display: block; max-height: none;}
#project_lang{ text-align: center; font-size: 18px; height: 22px; width: 100%; color: #999; padding: 3px; font-family: 'Ubuntu-B', sans-serif; }
#project_desc{ text-align: justify; font-size: 24px; width: 100%; line-height: 1.2; padding: 7px; color: #ddd; padding-bottom:0px; font-family: "LinBio", sans-serif; }
#project_team{ text-align: center; font-size: 20px; height: auto; width: 100%; color: #adffdf; font-weight: bold; overflow-x:hidden; background-color: #278ca3; }
#project_team:empty { display: none; content: "<p>Argzero only</p>"; }
#project_hero_section{ width: 30%; height: auto; float: left; top:0px; bottom: 0px;}
#hero_image{ max-width: 500px; width: 100%; height: auto; transition: 1.0s; text-align: center; padding: 10px; border-width: 10px; background-color:rgba(0,0,0,0.1); border-color: rgba(0,0,0,0.05); border-style: solid; border-radius: 5px;}

#music{
	width: 50%;
}
#music section{
	background-color: rgba(0,0,0,0); width:100%; height: 60px; font-size: 16px; text-align: center; vertical-align: middle; color: #7E4801; margin: 0 auto; padding-bottom: 0px;
}
#music section > a{
	font-size: 24px;
	padding: 5px;
	margin: 10px;
	display: block;
	background-color: #EEEEEE;
	color: #f3fc81;
	border-radius: 5px;
	border-width: 3px;
	border-style: solid;
	border-color: #ffffE7;
}
#music section > a:hover{
	color: #676700;
	background-color: #FEFEFE;
	border-color: #fffdfd;
}
/* END MUSIC */

/* NARRATIVE SECTION */
#narrative{width: 50%; background-color: #210; padding: 10px;}
.narrative_link{ text-align: center; font-size: 32px; text-decoration: none; }
.narrative_link section{ height: 36px; padding: 10px; width: auto; background-color: #011a0d; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s; border-color: #133; border-style: solid; border-width:3px; border-top-width: 0px;}
.narrative_link section{ color: #c6dabf; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s; }
.narrative_link section:hover{ color: #f3e9d2; background-color: #0a2a1d; }
.narrative_link{ text-shadow: 0px 1px #121212; }
#doc-div { display:none; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; height: 600px; }
#shadia{ width: 60%; height: 10000px; }
#shadia-clone {display:block; width: 60%; height: 600px;}
/* END NARRATIVE */

.icon {
  position: relative;
  /* Adjust these values accordingly */
  top: 5px;
  left: 5px;
}

/* Removing old bad CSS effects */
#project_parts{display: block; float: none; clear: both; margin: 0 auto; padding: 0px; height:auto;}
#project_hero_section{ margin: 0 auto; padding-left: 25%; padding-right: 25%; width: 50%; display: block; padding-top: 10px;}
#project_name{
	height: auto;
	font-size: 72px;
	padding-top: 15px;
	padding-bottom: 15px;
    border-style:outset;
    border-width: 0px;
    border-top-width: 5px;
    border-bottom-width: 10px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: rgba(90, 182, 154,0.5);
}
#project_details{clear:both; width: 100%; max-height: none; display: block; padding-bottom: 10px; margin: 0 auto; padding: 0px;}
#project_desc{ font-size: 24px; width: auto; padding: 30px; padding-bottom: 0px; line-height: 1.5; }
#project_lang{font-size: 18px; margin-top: 0px;}
#project_team{height:auto; font-size: 24px;}
#link_img{
	height:20px; 
	width:auto;
	position:relative; 
	padding-left: 10px;
}

/* MOBILE CSS */
@media (max-width: 1000px){
	body{
		width: 100%; max-width: none; display: block;
	}
	/* Top Bar Responsive */	
	#doc-div{		overflow: auto; -webkit-overflow-scrolling: touch; 	}
	#icon{ height: 100%; width: 100%; position: relative;
	}
	/* Mobile Nav Menu */
	#desktop_nav{  position: relative; height: auto; overflow: hidden;}
	#desktop_nav ul { text-align: center; position: relative; width: auto; height: auto; position: relative; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
	#desktop_nav li { text-align: center; position: relative; padding-top:5px;padding-bottom:5px; height: auto; margin: 0 auto !important; width:auto; display: block; clear:both;}
	#desktop_nav p{ text-align: center; position: relative; padding: 0px; margin: 0 auto; font-size: 36px; width: auto;}
	#desktop_nav li:not(first-child){
	    border-style:ridge;
	    border-width: 0px;
	    border-top-width: 5px;
	    border-color: rgba(90, 182, 154,0.5);
	}
	#desktop_nav li:first-child{
	    border-style: none;
	    border-width: 0px;
	}
	#content{height:auto;}

	#project_hero_section{ margin: 0 auto; padding: 0px; width: 100%; display: block;}

	#music{ width: 80%;	}
	#doc-div { display: block; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; height: 600px; }
	#shadia{ padding-left: 5%; padding-right: 5%; width: 90%; height: 10000px; }
	#doc-div{display:none;}
	#shadia-clone {display:block;}
	
	/* Mobile Projects Section */
	#project_parts{
		width: 100%;
	}
	#hero_image{ width: 100%; text-align:center; transition: 1.0s; float: none; margin: 0 auto; padding: 0px; border-style: none; border-radius: 0px;}
	#hero{  width: 100% !important; text-align: center; margin: 0 auto; padding: 0px; float: none;}
	#top_bar{height:auto;}
	#bot_bar{transition: 1.0s; height: auto; margin: 0 auto; width: 100%;}
}
/*END MOBILE*/

.gh-widget-container{
	background-color: #122;
}
.gh-widget-personal-details .bio, .gh-widget-stats .count{
	color: #cceeff !important;
}
.gh-widget-link{
	color: #cffaff !important;
}
.gh-widget-follow button{
	background-color: #333;
}
.container {
  margin: 0 auto;
  padding: 40px;
  padding-top: 5px;
  width: 80vw;
  top: 0px;
  height: auto;
  color: #333;
  background: #A39982;
}

.slick-slide {
  text-align: center;
  width: 100%;
  height: auto;
  color: #419be0;
  background: white;
}

.m-item{
	background-color: #534922;
	height:auto;
	width: 33vw;
	margin-left: 1vw;
	margin-right: 1vw;
	padding: 10px;
	height: auto;
	margin-top:0px auto;
	vertical-align: middle;
	margin-bottom:0px auto;
	cursor: pointer;
}

.m-item:hover{
	background-color: #837952;
}

.m-item.slick-center{
	background-color: #938962;
}

.m-item > h3 { 
	vertical-align: middle;
	text-align: center;
}

.m-head-item{
	background-color: #130902;
	height:auto;
	width: 33vw;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
}
.m-head-item-block{
	background-color: #130902;
	height:auto;
	width: auto;
	margin: 0px auto;
	vertical-align: middle;
	padding: 0px;
}
.slick-dotted.slick-slider {
    margin-bottom: 20px;
}

.video-container {
	position:relative;
	padding-bottom:30px;
	padding-top:30px;
	margin: 0px auto;
	overflow:hidden;
	width: 40vw;
	height: 25vw;
	text-align: center;
	vertical-align: middle;
}
.video-container iframe, .video-container object, .video-container img, .video-container embed,  {
	position:absolute;
	top:0;
	left:0;
	width: 40vw;
	height: 25vw;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	vertical-align: middle;
}
.img-container {
	position:relative;
	padding-bottom:30px;
	padding-top:30px;
	margin: 0px auto;
	overflow:hidden;
	width: 40vw;
	height: 25vw;
	text-align: center;
	vertical-align: middle;
}

.img-container iframe, .img-container object, .img-container img, .img-container embed,  {
	position:absolute;
	top:0;
	left:0;
	width: 40vw;
	height: 25vw;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	vertical-align: middle;
}
.m-name{
	color:#88aabb;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 2.5em;
}
.m-desc{
	text-align: left;
	color:#ddffff;
	border-width: 0px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-style: solid;
	padding-top: 10px;
	padding-bottom: 10px;
	border-color: #333;
	font-size: 1.5em;
	line-height: 1.75em;
}

.m-link{
	color:#88aabb;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 2em;
}

.make-head-item-list{
	margin: 20px;
}

a{
	text-decoration: none;
}
.slick-list{
	margin: 10px;
	vertical-align: middle;
}

@media (max-width: 1000px){
	.video-container {
		width: 60vw;
		height: 40vw;
	}
	.video-container iframe, .video-container object, .video-container img, .video-container embed,  {
		width: 60vw;
		height: 40vw;
	}
	.img-container {
		width: 60vw;
		height: 40vw;
	}
	.img-container iframe, .img-container object, .img-container img, .img-container embed,  {
		width: 60vw;
		height: 40vw;
	}
	.slick-prev::before, .slick-next::before, .slick-prev, .slick-next {
		font-size: 40px;
		width: 40px;
		height: 40px;
	}
	.narrative_link{
		line-height: 1.25;
	}
}