/*
Theme Name: Guerrilla Monkey
Author: Chris Tan

Note: Code. Messy. So Messy.

*/


/* Scrollbar for IE/Opera */	
	body{scrollbar-face-color: #D9CEBB; scrollbar-shadow-color: #E5DBC6; scrollbar-darkshadow-color: #E5DBC6; scrollbar-track-color: #FFF3DC; scrollbar-arrow-color: #BFB6A5;}

/* STARTOF : scrollbars for Chrome */
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
	html {overflow: hidden;}
	body {position:absolute; top:0; left:.25em; bottom:0px; right:.25em; overflow-y:scroll; overflow-x:hidden;}
	::-webkit-scrollbar {width:.375em;}
    ::-webkit-scrollbar-track {border-radius:.375em;}
    ::-webkit-scrollbar-thumb {border-radius: 10px; background:#D9CEBB;}
	::-webkit-scrollbar-thumb:window-inactive {background:#E5DBC6;}
	}
		@media screen and (max-width: 991px) and (-webkit-min-device-pixel-ratio:0) { body{top:60px;}}
/* ENDOF : Scrollbars for Chrome */
	
	@media screen and (min-width: 1650px) {.potato {display:none;}}
		*, html {}
		html {font-size:100%;}
		body { 
			background-color:#FFF3DC;
			font-family:'Sanchez';
			font-size:16px;
			background-image:url(images/background/content-bg.jpg);
			background-repeat:no-repeat;
			background-position:right top;
		    background-attachment: fixed;
			}

			.side-menu,
			.content {padding-top:6.875em;}
			
			@media (min-width:420px) and (max-width:767px) {.content{padding-left:4.25em; padding-right:1.625em;}}
			
				@media (min-width: 992px) and (max-width: 1199px) { .side-menu, .content {padding-top:4.25em;}}
				@media (max-height: 300px) and (max-width: 767px) { .side-menu, .content {padding-top:2.625em;} .desktop-menu-container, .sub-menu {font-size:13px;}}
/*				@media (max-height: 00px) and (min-width: 767px) { .side-menu, .content {padding-top:2.625em;}}*/
				@media (min-width:1200px) and (max-height: 800px) { .side-menu, .content {padding-top:4.25em;} .desktop-menu-container, .sub-menu {font-size:13px;}}

			
		.background {
		    position: fixed;
		    top: 0px;
		    left: 0px;
		    width: 33.33333337%;
		    height: 100%;
			line-height:0;
		    background-color: #388691;
			}
		
		.sticky-background {
		    position: absolute;
		    top:0;
		    right: 100%;
		    width: 100%;
		    height: 100%;
		    background-color:;
			border-right:1px solid #98CAD1;
			z-index:-100;
			}
			
			
		.content {
			font-family:'Sanchez';
		}
		

			
		.blog {padding-bottom:11.125em;}
		.blog-title {
			padding-bottom:1em;
			}
			
			.blog-title a {color:#01434C;}
			
			.blog-title a:hover {color:#CD2D08; text-decoration:none;}

			@media (min-width:992px) {.blog {margin-bottom:4.25em;}}
			

@media (min-width: 768px) and (max-width: 991px) {.blog-content{line-height:1.625;}}
@media (min-width: 992px) and (max-width: 1199px) {.blog-content{line-height:1.5;}}
@media (min-width: 1200px) {.blog-content{line-height:1.375;}}
			.blog-content {line-height:1.375;}
			
		@media (max-width: 767px) {.blog-title{padding-bottom:0.375em;}}
			h1 {
				padding-bottom:.375em;
				font-size:2.625em;
				line-height:1.125em;
				padding-top:.3075em;
				font-family:'Roboto Slab';
				font-weight:700;
				border-bottom:1px solid #BFB6A5;  /* body background +25% K */
				margin:0;}
					@media (max-width: 767px) {h1 {font-size:1.625em;}}
				
			h2 {
				font-size:1.625em;
				margin:1.625em 0 .375em;
				padding-bottom:.25em;
				border-bottom:1px solid #E5DBC6;  /* body background +10% K */
				width:62.5%;
				color:#7F796E;
				}
			h3 {
				font-size:1em;
				}
			h4	{
				font-size:1.625em;
				margin:1em 0 .625em;
				}
		.blog-date {		
			text-align:right;
			font-family:'Oswald';
			font-weight:300;
			font-size:1em;
			line-height:1.42em;
			margin-top:0.125em;

			margin-bottom:-1.625em;
			}
				.blog-date sup {margin-left:.25em;}
				
				.date {font-size:.75em;}
				
				/*.date {font-size:.75em; text-transform:uppercase;}
				
				.month {font-size:1em;}*/
				
				@media (max-width:991px) {
					.blog-date {margin-bottom:1.625em; text-align:left;}
					.date {font-size:1em;}
				}
				
				@media (min-width: 992px) {.date {display:block; letter-spacing:1px;} .month {display:block; letter-spacing:1px;}}
				.time {display:block;font-size:.625em; margin-top:.375em; font-style:normal;}
				
		.blog-content {		}
		.blog-content a { text-decoration:underline; outline:none;}
			ul, ol {padding-left:1em; margin: 0 0 1.625em /*.375em*/ .375em;}
			p, li {margin:0 0 .625em;}
			.blog-content li {list-style:square;}
				.articles a {color:#CD8808; padding:.375em 1em; margin-left:-1em; margin-right:-1em; transition:color 2s;}
					.articles a:hover {transition:color .5s; list-style-image:url(images/site/bullet-link-b.png); color:#CD2D08	!important;}
					.articles a:visited {color:#9A6606; transition:color 1s;}
				.articles li {padding-top:.625em; line-height:1.375em; list-style-image:url(images/site/bullet-link.png); color:#7F796E; transition: color 1s;}
				.articles li:hover {color:#403D37; transition:color .5s;}
				
				p {margin-bottom:1.375em;}
								
			blockquote {
				padding: .25em .625em .625em .625em;
				margin: .625em 0 .625em;
				font-size: 1.625em;
				border-left: .25em solid #E5DBC6;  /* body background +10% K */
				font-style:italic;
				color:#7F796E;  /* body background +50% K */
				}
				blockquote p {line-height:1.42em; font-size:.625em;}
				
				@media (max-width:767px) {blockquote {font-size:1em;}}
				
			blockquote .quoter {display:block; font-size:.625em; font-style:normal; margin:1em auto 0 .625em;}
		.blog-metadata {font-size:.625em;}
		
		.tags {font-size:.625em; padding-top:.625em; color:#D9CEBB;}  /* body background +15% K */
			.tags a {color:#BFB6A5; outline:none;}  /* body background +25% K */
			.tags a:hover,
			.tags a:active,
			.tags a:focus {text-decoration:none; transition:color .5s;}

		
		
		
		.side-menu {}
		.desktop-menu-container {
			position:fixed;
			width:16.25em;	
			margin-left:4.25em;
/*			  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
    padding-bottom:50px;
*/
			}
			@media (min-width: 992px) and (max-width: 1199px) {.desktop-menu-container, .sub-menu {font-size:13px;}}
		.desktop-menu {

			list-style:none; 
			padding-left:0px;
			margin-left:0px;
			font-family:'Oswald';
			}
			.desktop-menu,
			.desktop-menu li a,
			.desktop-menu li a:visited { color:#FFE6B8; transition:color .5s;}
			.desktop-menu li a:hover,
			.desktop-menu li a:focus,
			.desktop-menu li.site-title a { color:#FFF3DC; outline:none; text-decoration:none; transition:color 3s;}	
			.desktop-menu li.site-title:hover a { color:#FFE6B8; transition:color 10s;}
			.desktop-menu li { border-top:1px solid #3D929E; border-bottom:1px solid #2E6E77;}
			
	.desktop-menu,
	.desktop-menu li a {cursor:pointer;}
			
			.desktop-menu li {margin:0; padding:.25em .625em .25em 1.625em;}

			.desktop-menu li.site-title {border-top:none; padding-bottom:1.625em; padding-left:.625em;}
			.desktop-menu li:last-child {border-bottom:none;}
	
			.desktop-menu li > a {display:block; outline:none; 
				font-size:1.625em;
				line-height:1.625em; 
				letter-spacing:.125em; 
				font-weight:300;
				transition:letter-spacing 3s;
				}
				
			.desktop-menu li > a:hover,
			.widget_search:hover > #searchform {letter-spacing:.375em; transition:letter-spacing 27.5s;}
			
			.desktop-menu li.site-title a {
				font-size:4.25em; 
				line-height:1.125em;
				letter-spacing:normal;
				font-weight:400;
				}


	.widget_search {position:relative;}
	.widget_search .screen-reader-text {display:none;}
	#searchform {margin:0px; padding:0px; font-size:1.625em; line-height:1.625em; letter-spacing:.125em; font-weight:300;}
	.widget_search #s {border:0; background:transparent; width:82.5%; letter-spacing:.1em;}
	.widget_search #searchsubmit {display:inline-block; position:absolute; right:.625em; top:.625em; width:20px; height:20px; background:url(images/icons/search-icon.png); background-position: 0px 0px; border:0; text-indent:-9999px;}
			@media (min-width: 992px) and (max-width: 1199px) {.widget_search #searchsubmit {right:.625em; top:.5em;}}
	
	.widget_search:hover #searchsubmit {cursor:pointer; background:url(images/icons/search-icon.png);background-position: 0px 20px;}	



	.desktop-menu li.sub-menu  {padding:0em 0em 0em 1.625em;
		font-family:'Sanchez';}
	.sub-menu li:first-child {border-top:none;}
	.sub-menu ul {list-style:none; padding:0; margin:0;}
	.sub-menu li {padding:.625em 0 .625em .375em; border-top:1px solid #3D929E; border-bottom:1px solid #2E6E77; color:#FFF3DC;}	
	.sub-menu li:hover {cursor:default;}

	.widget_archive label {display:none;}

	.widget_archive {text-decoration:none; font-size:1em;}
	.widget_archive select {border: 0 !important; -webkit-appearance: none; -moz-appearance: none; height:1.625em; box-shadow:none; display:inline-block; background: url(images/icons/dropdown.png) no-repeat; background-position:right center; text-indent: 0.01px; text-overflow: "";
	 font-size:1em;  width:90%; letter-spacing:normal;}
	.widget_archive select option:first-child {display:none;}
	.widget_archive select option {color:#B2A488;}


	#calendar_wrap {width:85%; font-size:1em; line-height:1.5em; }
	#wp-calendar {display:block; width:100%; empty-cells:show; text-align: center;}
	#wp-calendar td {text-align:center; width:14.285%; border:1px solid tranparent; margin:0px; padding:.125em .25em .125em .25em; font-weight:300; color:#29636B;}
	#wp-calendar #today {border:1px solid #2E6E77; box-shadow: 0 -1px #29636B, 0 1px #3D929E; background:#337b85; color:#24575E;}
	#wp-calendar th {display:none; font-weight:300; text-transform: capitalize;}
	#wp-calendar tfoot tr {height:1.625em; vertical-align:bottom;}
	#wp-calendar #next a {padding-left:.375em;font-weight:300; text-align: right; color:#FFE6B8;}
	#wp-calendar #prev a {padding-left:.375em; font-weight:300; text-align: left; color:#FFE6B8;}
	
	#wp-calendar a {display:block; padding:0px; color:#FFE6B8;}
	#wp-calendar a:hover,
	#wp-calendar a:active {color:#FFF3DC;}
	#wp-calendar caption {font-size:1em; text-align:left; padding-left:.25em;}

	/* BS OVERRIDE */  caption {color:#FFF3DC; padding-top:0; padding-bottom:0;}
	
	

	.icons a {
		display:inline-block;
		position:relative;
		float:left; 
		margin:.375em .375em 0 0; 
		}

	.icons a,
	.icons a > div {
		width:20px;
		height:20px; 
		}
		
	.icons a > div {
		position:absolute;
		left:0;
		background-image:url(images/icons/share-icons.png);
		background-postion:0 0;
		}
	
	.facebook > .top {background-position:-20px 0px;}
	.facebook > .bottom {background-position:-20px 20px;}
	
	.icon-twitter > .top {background-position:100px 0px;}
	.icon-twitter > .bottom {background-position:100px 20px;}
	
	.rss > .top {background-position:60px 0px;}
	.rss > .bottom {background-position:60px 20px;}
	
	.instagram > .top {background-position:40px 0px;}
	.instagram > .bottom {background-position:40px 20px;}
	
	.mailing-list > .top {background-position:20px 0px;}
	.mailing-list > .bottom {background-position:20px 20px;}
	
		.share a {
			float:right; 
		margin:1em 0 0 0; 
		cursor:pointer;
		}	
		
		@media (max-width: 767px) {.share a{margin:.125em .625em 0 0;}}
		
		.share a,
		.share a > div {
			width:25px;
			height:25px; 
			}
		
		.share a > div {
			position:absolute;
			left:0;
			background-image:url(images/icons/meta-icons.png);
			background-postion:0 0;
			}
		.sharethis > .top {background-position:0px 0px;}
		.sharethis > .bottom{background-position:0px 25px;}

		@media (min-width: 992px) {
				.blog .share {opacity:0.45; transition:opacity ease-out 1s;}
				.blog:hover .share {opacity:1; transition:opacity ease-out 3s;}}
		
		
	.icons a:hover > .bottom,
	.icons a > .top {opacity:1;}

	.icons a:hover > .top,
	.icons a > .bottom {opacity:0;}
	
	.icons a > .bottom {
		-webkit-transition: opacity 1s;
		-moz-transition: opacity 1s;
		-o-transition: opacity 1s;
		transition: opacity 1s;
		}
					

		body {color:#403D37;} /* body background +75% K */
		a {color: #ED7559; transition:color 1.5s;}
			a:hover,
			a:focus {color: #CD2D08; transition:color 1.5s;}
		.blog-date {color:#F2E7D1; transition:color 3s;} /* body background +15% K */
		.blog:hover .blog-date {color:#BFB6A5; transition:color 3s;} /* body background +25% K */
		

		
		
		.blog-content img,
		.blog-content p img {
			display:block; height: auto; /* BS inherit */
			width:100% \9; 
			max-width:100%;
			margin:1em 0 .625em;
			border:1px solid #E5DBC6; /* body background +10% K */
			}
			@media (min-width: 992px) {.blog-content p img, .blog-content img {width:112% \9; max-width:112%;}}

	.modal-backdrop {}
		.modal-backdrop.in { opacity:0.4;}
		
	@media (min-width: 480px) {.modal-backdrop {} .modal-backdrop.in { opacity:0;}}

	@media (min-width: 992px) {.modal-dialog {margin:6.25em auto auto}}

	@media (max-width: 991px) {.modal .container {margin-top:6.25em;}}

	

<!--	.modal-content {background-color:#FFE6B8; border:none; border-radius:0; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);}	-->
	
			.modal-content {box-shadow:none; background-color:#FFF3DC; border-radius:0;}
			.modal-content {box-shadow: 0 -10px 40px -40px rgba(0, 0, 0, 0.3), 0 10px 20px -25px rgba(0, 0, 0, 1);}
			
		.modal-header {border-bottom:1px solid #FFFCF5;}


	@media (min-width:480px) and (max-width:767px) {.modal-content {margin-top:5em;}}
	@media (min-width:768px) and (max-width:991px) {.modal-content {max-width:100%; margin-top:6.25em; margin-left:0; margin-right:-30px;}}	
	@media (min-width:992px) and (max-width:1199px) {.modal-content {max-width:100%; margin-top:8.725em; margin-left:90px; margin-right:-15px;}}		
	@media (min-width:1200px) {.modal-dialog {max-width:100%; margin-top:11.25em; margin-left:190px; margin-right:-15px;}}
	
		.modal-body {border-top:1px solid #E5DBC6; padding-bottom:4.25em;}
		
		.close {font-size:4.25em; line-height:.5em; margin-right:.25em; color:#7F796E;}
		
		.modal-title {color:#BFB6A5;}

.modal.fade .modal-dialog {
  -webkit-transform: translate(-25%, 0);
  -ms-transform: translate(-25%, 0);
  -o-transform: translate(-25%, 0);
  transform: translate(-25%, 0);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}


	.navbar-form .navbar-right {
		overflow:hidden; 
		box-shadow:none;}
	.form-group {}
	.navbar-header #s,
	.form-control { 
		background:none; 
			transition:background 1s; 
		z-index:20; 
		position:absolute; 
		right:1em; 
		top:.5em; 
		width:40px; 
			transition:width 1s; 
		border-radius:0px; 
		text-align:right; 
		padding-left:40px; 
		cursor:pointer;
		border:none;}
		  
	.navbar-header #s:active,
	.form-control:active,
	.navbar-header #s:focus,
	.form-control:focus {
		background:#076F7E; 
			transition: background 1s; 
		z-index:5; 
		width:65%; 
			transition:width .5s; 
		text-align:left; 
		padding-left:15px; 
		padding-right:35px; 
		cursor:text;}

			@media (max-width: 380px) {.navbar-header #s:active, .form-control:active, .navbar-header #s:focus, .form-control:focus { width:92%;}}

			@media (min-width: 381px) and (max-width: 800px) {.navbar-header #s:active, .form-control:active, .navbar-header #s:focus, .form-control:focus { width:55%;}}
		  
	.navbar-header #searchsubmit,
	.btn .search-btn {
		background:none; 
		position:absolute; 
		top:.5em; 
		right:1em; 
		z-index:10; 
		outline:none;}
		  
	.navbar-toggle{
		position:relative; 
		float:right; 
		margin-right:15px; 
		padding:12px 10px 16px; 
		margin-top:0px; 
		margin-bottom:0px; 
		background-color:transparent; 
		background-image:none; 
		border:none; 
		border-radius:0px; 
		color:#01434C !important;}
	
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus{
		background-color:#076F7E;}			

	.btn, 
	.search-btn,
	.navbar-default,
	.navbar-default .navbar-collapse {
		background-color:#388691; 
		border:none;}

	.navbar-default {
		box-shadow:0 1px 0 #076F7E;}

	.form-control { 
		border:none; 
		box-shadow:none; 
		color:#388691;}
		  
	.form-control:active,
	.form-control:focus {
		border:none; 
		box-shadow:none; 
		color:#FFF3DC; }

	.btn .search-btn {
		background:none; 
		position:absolute; 
		top:.5em; 
		right:1em; 
		z-index:10; 
		outline:none;}
		
	.btn, .search-btn
	.navbar-nav .dropdown,
	.navbar-nav a {color:#01434C !important;}
	
	.navbar-brand {color:#FFE6B8 !important; cursor:pointer;}	
	
	.navbar-brand:hover {color:#FFFCF5 !important; transition:color .25s;}
	
.dropdown {float:left !important;}

	/* BS FIX */ .navbar-collapse, .navbar-default {box-shadow:none;}

/*	.navbar-default .navbar-nav > .active > a {color: #B2A488 !important; background-color: #FFF3DC;}
	.navbar-default .navbar-nav > .active:hover > a {background-color: #FFF3DC;}

	.navbar-nav > li > a.dropdown-toggle {color:#01434C !important;} */

	.navbar-nav {background:#076F7E; margin-bottom:0;}
	.navbar-nav > li:first-child {padding-top:3.625em;}

	.navbar-nav > li > a,
	.dropdown-menu > li > a {color:#CCC2B0 !important;}
	
	.navbar-nav > li > a:hover {color:#EDB959 !important; transition:color .5s;}
	
	.navbar-nav > li > a  {padding-top:.375em; padding-bottom:.625em;}

	
	.row .category {margin-bottom:2.625em;}
	
	.works-category {font-size:1.625em; text-align:right; border-right:.125em solid #E5DBC6; padding:.625em inherit 1em; color:#E5DBC6;}
		@media (max-width: 1199px) {.works-category {border-right:none; border-left:.125em solid #E5DBC6; text-align:left; margin-left:10px;}}
	
	.works-content {border-left:.0625em solid #E5DBC6;}
		@media (max-width: 1199px) {.works-content {padding:1.625em 15px 1em 15px; margin-left:10px;}}

	.row .category:hover > .works-category {color:#BFB6A5; border-color:#BFB6A5; transition:border-color 2s; transition:color 2s;}
	.row .category:hover > .works-content {border-color:#BFB6A5; transition:border-color 2s; transition:color 2s;}

	@media (max-width:539px) {iframe {max-width:100% !important; max-height:180px !important}}	
	@media (min-width:540px) and (max-width:677px){iframe {max-width:100% !important; max-height:220px !important}}	
	@media (min-width:678px) and (max-width:991px){iframe {max-width:100% !important; max-height:326px !important}}
	@media (min-width:992px) and (max-width:1199px){iframe {max-width:100% !important; max-height:255px !important}}
	@media (min-width:1200px) {iframe {max-width:100% !important; max-height:275px !important}}
	
	.clear {clear:both;}
	
	.post-nav-links {margin-bottom:11.25em;}
	.post-nav-links span {font-size:2.625em; line-height:1em; margin-right:.375em; color:#FFF3DC; background:#E5DBC6; padding:10px; border-radius:30px; transition:color .5s;}
	.post-nav-links span:hover {color:#388691; background:#BFB6A5; transition:color 1s, background 2s;}