/*
Theme Name: Gridster-Lite
Theme URI: http://themefurnace.com/gridster-lite-theme/
Author: ThemeFurnace
Author URI: http://themefurnace.com
Description: Gridster is a tidy little portfolio theme for photographers and creative types. It has a grid-based homepage, left sidebar and space to show off your images in style. The theme is responsive so it will look good on every screen, from mobiles and tablets up to large desktop displays. Now upload your own logo via the theme customizer.
Pro version of this theme includes a full color and Google Font options, 18 More Themes and Full Customer Support. See http://themefurnace.com/gridster-theme

Version: 1.0.7.1
License: GNU General Public License
License URI: license.txt
Tags: left-sidebar, custom-background, custom-menu, featured-images, sticky-post, threaded-comments, sticky-post, translation-ready

Text Domain: gridster-lite

Gridster is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
*/

/* Import Reset and Defaults */
@import url("inc/defaults.css");


/* Links */

a {
	color: #FF5b5b;
	text-decoration: none;
}
a:visited {
	color:#FF5b5b;
}
a:hover, a:focus, a:active {
	color: #384249;
}
.sidebarwidget a {
	color: #FF5b5b;
	text-decoration: none;
}
.sidebarwidget a:visited {
	color:#FF5b5b;
}
.sidebarwidget a:hover, .sidebarwidget a:focus, .sidebarwidget a:active {
	color: white;
}
.posttitle a {
	color: #31373b;
	text-decoration: none;
}
.posttitle a:visited {
	color:#31373b;
}
.posttitle a:hover, .posttitle a:focus, .posttitle a:active {
	color: #FF5b5b;
}
.postmeta a {
	color: #979A9B;
	text-decoration: none;
}
.postmeta a:visited {
	color:#979A9B;
}
.postmeta a:hover, .postmeta a:focus, .postmeta a:active {
	color: #FF5b5b;
}

#blogtitle{
	font-family: 'Open Sans Condensed', sans-serif;
	color:white;
	font-size:30px;
	padding:10px;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:20px;
}

#blogtitle a{
	color:white;
}

/* Theme Layout */
#container {
	width:100%;
	overflow:hidden;
}
.container {
  max-width: 1050px;
  margin: 0 auto;
}

#sidebar {
	background-color: #fff;
	width:225px;
	text-align: center;
	color:#000;
	font-size:12px;
	line-height: 15px;
	padding-bottom:30px;
}
.logo {
	max-width:200px;
	overflow: hidden;
	margin-top:20px;
	margin-bottom:20px;
}
.tagline {
	margin-left:15px;
	margin-right:15px;
	font-size: 12px;
	line-height:15px;
	padding-bottom:15px;
	border-bottom: 1px solid #272F34;
	box-shadow: 0 1px 0 #4B6272;
}
.sidebarwidget {
	text-align:left;
	margin-left:15px;
	margin-right:15px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom: 1px solid #272F34;
	box-shadow: 0 1px 0 #4B6272;
}
.sidebarwidget ul {
	margin:0px;
	list-style-type:none;
	margin-left:10px;
	margin-top:10px;
}
.sidebarwidget li {
	font-size:12px;
	margin-bottom:10px;
}
.sidetitle {
	font-size:18px;
	text-transform: uppercase;
	margin-bottom:15px;
	margin-left:10px;
}
#main {
    min-height: 60vh;
	margin-left:22px;
	margin-top:22px;
	margin: auto;
    padding-top: 100px;
	width:90%;
    max-width: 1000px;
	z-index:4;
}

.poste {
	text-align: center;
    width: 30%;
	min-height:200px;
	margin:0 12px 18px 12px;
	position:relative;
	display: inline-block;
	vertical-align: top;
}
.posttitle {
	color:#31373b;
	font-size:18px;
	margin-top:10px;
	margin-bottom:2px;
	padding-right:10px;
	padding-left:10px;
}
.postmeta {
	font-size:12px;
	padding-right:10px;
	padding-left:10px;
}
.postimg {
    width: 100%;
    min-width: 270px;
}
.portfoliooverlay span {
	font-size:40px;
	font-weight: bold;
	background-color: #384249;
	height: 45px;
	width: 75px;
	display:block;
	text-align: center;
	margin: 0 auto;
	position:absolute;
	top:0px;
	left:0px;
	margin-left:80px;
	margin-top:45px;
	-moz-opacity: 0.20;
	-khtml-opacity: 0.20;
	opacity: 0.20;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);
	padding-top:30px;
	-moz-border-radius:75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
	line-height: 15px;
}
.portfoliooverlay:hover span {
	-webkit-transition: opacity 1s ease-in-out;
	opacity: 0.8;
	-webkit-transition-duration: 0.4s;
	-moz-transition: opacity 1s ease-in-out;
	opacity: 0.8;
	-moz-transition-duration: 0.4s;
}
.portfoliooverlay {
	position:absolute;
	top:0px;
	left:0px;
	width:225px;
	height:158px;
}
.portfoliooverlay:hover {
	-webkit-transition: border-bottom 1s ease-in-out;
	opacity: 1;
	-webkit-transition-duration: 0.4s;
	-moz-transition: border-bottom 1s ease-in-out;
	opacity: 1;
	-moz-transition-duration: 0.4s;
}
.portfoliooverlay a {
	color:white;
	display:block;
	width:225px;
	height:158px;
}
.portfoliooverlay a:hover {
	color:white;
	transition: all 0.5s ease-out;
}
.postimage {
    width:100%;
	max-width:930px;
	height: 500px;
        object-fit: cover;
}
#postheading {
	padding-top:35px;
	margin-top:100px;
	line-height: 35px;
}
#postheading h1 {
	padding-left:10px;
	padding-right:30px;
	font-size:35px !important;
}
#content {
	background-color: white;
	padding:30px;
	padding-bottom:20px;
	max-width:930px;
	margin: -140px auto 40px auto;
	overflow:auto;
}
#meta {
	font-size: 12px;
	padding-left:5px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
}

#meta li {
	display:inline;
	margin-right:40px;
	line-height: 30px;
}
#meta .datemeta {
	background-image: url(img/date-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:27px;
	padding-top:7px;
	padding-bottom:7px;
}
#meta .categorymeta {
	background-image: url(img/category-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:27px;
	padding-top:7px;
	padding-bottom:7px;
}
#meta .commentsmeta {
	background-image: url(img/comments-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:27px;
	padding-top:7px;
	padding-bottom:7px;
}
#meta .authormeta {
	background-image: url(img/author-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:27px;
	padding-top:7px;
	padding-bottom:7px;
}


/* Titles */
.page-title {
	font-size:25px;
	margin-bottom:30px;
}
#reply-title {
	font-size:25px;
	margin-left:10px;
	margin-bottom:30px;
	margin-top:70px;
}


/* Footer */
#fh5co-footer .fh5co-footer-widget {
    margin-bottom: 40px;
    float: left;
    width: 40%;
}


.nav-previous, .nav-next {
	padding-top:10px;
	padding-bottom:10px;
	display:block;
}


/* Responsive*/

img {
	max-width: 100%;
	height:auto;
}

/* Portrait Tablets */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 #container {
}
}


/* 1024 Screens */
@media only screen and (min-width: 1000px) and (max-width: 1249px) {
#container {
}
 #main {
 width:900px;
     
}
 .portfoliooverlay span {
 line-height: 10px;
}
}


/* Portrait Tablets */
@media only screen and (min-width: 768px) and (max-width: 999px) {
 #container {
}
 #main {  
}
 .portfoliooverlay span {
 line-height: 10px;
}
    .poste {
	width:46%;
}
}


/*  Portrait Mobiles */
@media only screen and (max-width: 767px) {
 #container {
}
#fh5co-footer .fh5co-footer-widget {
    width: 100%;
}
    
    .hentry {
	    margin: 1.5em auto;
    text-align: left;
        width: 100%;
}
 #sidebar {
 width:310px;
 margin-bottom: 0px;
 padding-bottom: 30px;
}
#main {
 width:100%;
 float: left;
 margin:0 auto;
 text-align:center;
 margin-left:0px;
 padding-top:25px;
 text-align: left;
}
.portfoliooverlay span {
 line-height: 10px;
}
 #postheading {
margin-top:-20px;
}
.poste{
	margin-left: 10px;
    margin-right: 10px;
    width: 95%;
}
 #content {
 margin-top:-15px;
 width: 100%;
 padding: 2% 3%;
}
 #meta li {
 display: list-item;
 list-style-type: none;
 width:150px;
 line-height: 18px;
}
}


/* Landscape Mobiles */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 #container {
}
 #sidebar {
 width:225px;
 border-right:5px solid #476172;
 border-left:5px solid #476172;
 margin-bottom: -5000px;
 padding-bottom: 5000px;
}
 #main {
 width:230px;
 margin-left:25px;
 float:left;
 text-align: left;
}
.poste{
	margin-left: 10px;
    margin-right: 10px;
    width: 95%;
}
.portfoliooverlay span {
 line-height: 10px;
}

 #meta li {
 display: list-item;
 list-style-type: none;
 width:150px;
 line-height: 18px;
}
}