/*
Theme Name: germinar.io
Theme URI: http://germinar.io
Author: Jesse Germinario
Author URI: http://germinar.io
Description: A theme for germinar.io
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
			/* RESET */

body, h1, h2, h3, h4, h5, h6, p, img, div, ul, li, ol {
	margin: 0;
	padding: 0;
}

			/* ELEMENTS */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
	font-family: 'Open Sans', sans-serif;
	background-color: #fff;
	color: #231f20;
	line-height: 1.6;
}
main { 
	width:90%; 
	max-width: 1100px;
	min-width: 400px;
	overflow-y: none;
	margin: 0 auto; 
}
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin-bottom: 16px;
}
li {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.4;
	padding-bottom: 5px;
}
h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	color: #a52021;
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 1.3;
	letter-spacing: -.005em;
}
h2 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #a52021;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: -10px;
	font-weight: normal;
	letter-spacing: -.005em;
}
h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 25px;
}
ul {
	padding-bottom: 15px;
}
ul ul {
	padding-bottom: 0;
}
ul.normal li {
	margin-left: 20px;
}
a:visited, a:link {
	color: #005517;
}
a:hover {
	color: #FFF;
	background-color: #1aa23f;
	text-decoration: none;
}
.logo a:hover, .social a:hover {
	background-color: #fff;
}
code, pre {
	font-family: 'Source Code Pro', sans-serif;
	color: #1aa23f;
	background-color: #fcf7f7;
	font-size: 12px;
}
pre {
	white-space: pre-wrap;
	padding: 15px 20px;
}
	
.front-margin {
	padding-top: 200px;
	/*width: 100%;*/
}
.a-r {
	text-align: right;
}
.p-tb {
	padding-bottom: 20px;
	padding-top: 20px;
}
.p-tb-lg {
	padding-top: 30px;
	padding-bottom: 30px;
}
.two-em {
	font-size: 2em;
}
.two-three-em {
	font-size: 2.3em;
}
			/* SIDEBAR CONTENT */ 

.ml-40 {
	margin-left: 40px;
}

.sidebar { 
	max-width: 225px;
	position: absolute;
	float: left;
	left: 0;
	margin-left: 5%;
	/*background-color: #fff;*/
}
.sidebar p {
	font-size: 12px;
	margin-bottom: 40px;
}
.top-left {
	background-color: #fff;
	position: fixed;
	/* <$> Remember that padding is included in width in the box model, while margin won't - this will be equivalent to a 225 */
	left:0;
	/* </$> */
	z-index: 4;
	margin-left: 5%;
}
.top-header {
	width: 225px;
}
.sidebar-header-content {
	width: 200px;
	margin: 0 auto;
}

.logo {
	text-align: center;
	position: relative;
	left: -10px;
	padding-bottom: 15px;
	padding-top: 40px;
}
.sidelinks {
	padding-bottom: 25px;
}
.sidelinks ul {
	padding-bottom: 0px;
}
.sidelinks li {
	display: inline;
	padding: 0 11px;
	font-size: 12px;
	list-style-type: none;
}
.social {
	margin-left: 20px;
	margin-bottom: 10px;

}
.social img {
	display:inline-block;
}
.hide {
	display: none;
}
.pl-m {
	padding-left: 40px;
}
.widget_area {
	margin-top: 300px;
	margin-left: 5px;
}
.widget li {
	list-style-type: none;
	margin-bottom: 5px;
	font-size: 12px;
	text-transform: lowercase;
}
.widget a {
	text-decoration: none;
}

.ztest {
	z-index: 10;
}

/*

  <$> Snip </$>


 */

			/* HOME PAGE */

.home-title {
	font-size:2.5em;
	text-align: right;
	margin-right: 10%;
}
.portfolio-items {
	max-width: 600px;
	margin: 0 auto;
	position: relative;
	left:-50px;
}
.portfolio-items h2 {
	margin-left: 70px;
	font-size: 1.5em;
}
.portfolio-items img {
	float:left;
	padding: 0 20px 0 40px;
	width: 150px;
	height: auto;
}
.portfolio-items ul {
	padding-left: 15%;
}
.portfolio-item {
	margin-bottom: 30px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-neg {
	margin-top: -45px;
}
.clearfix {
	clear: both;
}

.fullwrap {
	min-width: 100%;
	position: absolute;
	right: 0;
}
.top-cap {
	height: 142px;
	width: 100%;
	position: fixed;
	right: 0;
	z-index: 2;
	background-color: #fff;
}
.top-right {
	width: 100%;
	position: absolute;
	right:0;
	top:0;
}
.img-wrapper {
	padding-top: 122px;
	position: fixed; 
	left: 0;
	height: 500px; 
	width: 100%;
	overflow: hidden; 
	z-index: -1;
}
.home-content {
	width: 100%;
	left: 0;
	position: absolute;
	margin-top: 600px;
	background-color: #fff;
}
 			/* parallax */

.parallax {
  /*perspective: 1px; */
  /*height: 100vh;*/
  /*overflow-x: hidden;*/
  /*overflow-y: auto;*/
}
/*.px-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}*/

/*px-front { 
  transform: translateZ(0);
}*/
/*.px-back {
  transform: translateZ(-1px);
}*/

			/* CONTENT AREA */ 
.pt-90 {
	padding-top: 50px;
}

.right-section {
	padding-left: 35%;
	width: 50%;
	max-width: 650px;
}
.right-home-section {
	padding-left: 35%;
	width: 50%;
}
.title-resp {
	display: none;
	visibility: hidden;
}
.content h1 a {
	color: #a52021;
	text-decoration: none;
}
.content h1 a:hover {
	text-decoration: underline;
	color: #a52021;
	background-color: #FFF;
}
.content li {
	margin-left: 50px;
	padding-left: 10px;

}
.content img {
	max-width: 100%;
	height: auto;
}
.content .post {
	margin-bottom: 50px;
}
.content a.more-link {
	position: relative;
	right: 5px;
	top: 3px;
	float: right;
	text-align: right;
	margin-right: 10px;
	font-size: 12px;
}
.content p.date {
	font-weight: bold;
	font-size: 12px;
	margin-top: 23px;
	margin-left: 10px;
}
.attr {
	font-size: 9px;
}

		/* PDF viewer */
.full-scr-pdf {
	display: block;
	/*object-fit: scale-down;*/
	margin-left: -70px;
}
.mobile-pdf {
	display: none;
}

@media screen and (max-width:900px) {
	.right-section { 
		padding-left: 45%;
	}
	.right-home-section {
		padding-left: 40%;
		width: 55%;
	}
	.full-scr-pdf {
		display: none;
	}
	.mobile-pdf {
		display: block;
	}
	.home-title {
		margin-right: 5%;
	}
	.portfolio-items {
		max-width: 650px;
		margin: 0 auto;
		left:-20px;
	}
	.portfolio-items h2 {
		margin-left: 40px;
		font-size: 1.5em;
	}
	.portfolio-items img {
		float:left;
		padding: 0 20px 20px 10px;
		width: 150px;
		height: auto;
	}
	.portfolio-items ul {
		padding-left: 40px;
	}


}
@media screen and (max-width:650px) {
	.wrapper { 
		width:100%; 
		max-width: 1100px;
		min-width: 10px;
		overflow-y: none;
		margin: 0;
	}
	.home-title {
		font-size: 1.5em;
		text-align: left;
		margin-left: 10%;
	}
	.title-resp {
		display: block;
		visibility: visible;
		position: absolute;
		padding-top: 70px;
	}
	.mt-50 {
		margin-top: 70px;
	}
	.top-cap {
		height: 105px;
	}
	.top-header {
		height: 100px;
		width: 100%;
	}
	.top-left {
		margin-left: 0;
		padding-left: 3%;
		width:100%;
	}
	.sidebar {
		max-width: 100%;
		width: 100%;
		margin-left: 0;
	}
	.sidebar-header-content {
		width: 100%;
		height: 120px;
		position: relative;
		z-index: 5;
	}
	.logo {
		position: relative;
		padding-top: 10px;
		float:left;
		margin-left: 5%;
		width: 180px;
	}
	.pt-90 {
		padding-top: 20px;
	}
	.sidelinks {
		padding-left: 0;
		padding-top: 10px;
		padding-bottom: 15px;
		margin-right: 8%;
		float: right;
	}
	.sidelinks ul {
		padding-right: 4px;
	}
	.sidelinks li {
		display: inline;
		padding: 0 0 0 31px;
		font-size: 12px;
		list-style-type: none;
	}
	.social {
		margin-right: 8%;
		float: right;
		margin-left: 0;
		clear: right;
	}
	.socialLinksFixed {
		margin-right: 23px;
	}
	.widget_area {
		margin-top: 300px;
		display: none;
	}
	.content { 
		width: 90%;
		padding-left: 0;
		padding-top: 120px;
		margin: 0 auto;
	}
	.img-wrapper {
		padding-top: 122px;
		position: fixed; 
		left: 0;
		height: 300px; 
		width: 100%;
		overflow: hidden; 
		z-index: -1;
	}
	.fullwrap {
		min-width: 100%;
		position: absolute;
		right: 0;
		height: 300px;
	}
	.home-content {
		width: 100%;
		left: 0;
		position: absolute;
		margin-top: 430px;
		background-color: #fff;
	}

}
@media screen and (max-width:475px) {
	main {
		min-width: 0;
	}
	.sidebar-header-content {
		width: 100%;
	}
	.top-header {
		height: 120px;
	}
	.title-resp {
		padding-top: 10px;
	}

	.logo {
		padding-top: 10px;
		float:none;
		width: 100%;
		margin: 0 auto;
		height: 55px; 
		padding-bottom: 0;
		overflow: hidden; 
		position: static;
	}
	.top-left {
		margin-left: 0;
		padding-left: 0;
	}
	.sidebar {
		margin-left: 0;
	}

	.sidelinks {
		margin: 0 auto;
		float: left;
		text-align: center;
		width:55%;
	}
	.sidelinks ul {
		padding-right: 4px;
		margin: 0 auto;
	}
	.sidelinks li {
		display: inline;
		padding: 0 9px;
		font-size: 12px;
		list-style-type: none;
	}
	.social {
		margin-right: 0;
		padding-top: 8px;
		position: relative;
		right:0;
		margin-left: 0;
	}
	.content { 
		width: 90%;
		padding-left: 0;
		padding-top: 80px;
		margin: 0 auto;
	}
	.right-section {
		padding-top: 120px;
	}
}
