/*
Theme Name: fake
Author: Karina Arias
Author URI: http://kaylog.com/
Description: Description
Version: 1.0
License: GNU General Public License
Text Domain: fake

/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -55px;
  /* Pad bottom by footer height */
  padding: 0 0 55px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 55px;
}

/* Global Settings
-------------------------------------------------- */
p{ margin-top:0px}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
  padding: 55px 15px 0;
}
.container .credit {
  margin: 20px 0;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
  overflow:hidden
}


/* General Settings 
---------------------------------------------------*/
body {font-family: 'Quattrocento Sans', sans-serif; padding-top:15px }

a{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a:hover{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.home{ padding-top:115px}
.home .navbar{ margin-bottom:130px}
.home .page-header{ border:none}

.nav{ margin:0 auto; float:none; width:auto; overflow:hidden; display:table; font-family: 'Muli', sans-serif; font-size:13px}
.navbar{ min-height:13px; margin-bottom:50px}
.navbar-nav>li{ border-left:solid 1px #393637}
.navbar-nav>li:first-child{ border:none}
.navbar-nav>li>a{ text-transform:uppercase; padding:0px 20px; line-height:10px} 
.navbar-nav>li>a:hover{ background:none; color: rgb(64, 98, 23);}
.navbar-nav>li.active>a{ color:#fff }
.navbar-nav .current-menu-item a{ color:#fff}

.page-header { text-align:center; border-bottom: solid 1px #393637; padding-bottom:45px}
.page-header img{ margin:0 auto}
#wrap>.container{ padding-top:0px; overflow:hidden}

#footer .copyright{ font-size:12px; color:#636061; line-height:34px; white-space:nowrap;}
#footer .txt{ text-align:center;font-family: 'Tinos', serif; color:#69a026; font-size:17.5px; line-height:31px; font-style:italic}

.social { margin:0px; padding:0px; float:right}
.social li { list-style:none; float:left; margin-left:10px}
.social li a{ display:block; width:26px; height:26px; background:url(img/social.png) no-repeat;}

.social li.facebook a{ background-position:0 0}
.social li.facebook a:hover{background-position:0 -26px}
.social li.pinterest a{ background-position:-26px 0}
.social li.pinterest a:hover{ background-position:-26px -26px}

/* Breadcrumbs */
#crumbs{ margin:0; padding:13px 0px 0px; font-size:12px}
#crumbs a{ color:#636061}
#crumbs span{ color:#636061}

/* Content */
.content{ padding-bottom:30px; text-align:center; width:100%; margin:0 auto}
.content .project img, .content .product img{ max-width:100%; height:auto}

/* Gallery */

.gallery .row{ margin-bottom:40px}
.gallery .row .col-lg-4{ text-align:center; padding-bottom:26px}
.gallery .row a{ display:block; font-size:13px;font-family: 'Muli', sans-serif; text-transform:uppercase; padding-top:13px}
.gallery .row a img{ max-height:212px; max-width:290px}
.gallery .row .item{ text-transform:uppercase; text-align:center; padding-top:13px}
.gallery2 .row{ width:70%; margin:0 auto }
.gallery2 .row .col-lg-4{ width:50%}
.gallery2 .row .col-lg-4:nth-child(odd){ clear:both}

/* Posts */
.project + .project, .product + .product{border-top:1px solid #393637;padding-top:55px}
.meta{ text-align:left; max-width:100%; margin:0 auto; font-size:14px; padding-top:10px; padding-bottom:7px; position:relative}
.meta-txt{ display:block; margin-top:15px}
.st_sharethis_large{ position:absolute; top:15px; right:0px}
.content-post{ max-width:689px}
/* Pagination */
.page-numbers { width:auto; margin:0 auto; position:relative}
.page-numbers li{ list-style:none; display:inline; padding:0 5px; font-size:13px}

/* Contact page */
#cntctfrm_contact_form { width:248px; margin:0 auto}
#cntctfrm_contact_form input, #cntctfrm_contact_form textarea{ width:248px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; padding:5px 4px; border:none}
.row-field{ position:relative; padding-bottom:20px}
.row-field label{ font-weight:normal }
.row-field .lbl{ position:absolute; width:200px; left:-200px; text-align:right; padding-right:20px }

/* single*/
.single{ padding-top:40px}

.button {
	text-transform:uppercase;
	color: #ffffff;
	padding: 5px 0px;
	background: -moz-linear-gradient(
		top,
		#81b52e 0%,
		#518b1e);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#81b52e),
		to(#518b1e));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #231f20;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

@media (max-width:992px) {
.gallery .row a img{ max-width:100%;  max-height:100%; height:auto}
#footer .txt{  white-space: nowrap;}
.gallery .row .col-lg-4{ padding-bottom:5px; padding-left:10px; padding-right:10px }
.row{ margin-left:-7px; margin-right:-7px}
}

/* Small devices (tablets, 768px and up) */
@media (max-width:767px) { 
.row-field .lbl{ position:static; width:auto; text-align:center; padding-right:0px}
.page-header{ padding-bottom:25px}
.home .navbar{ margin-bottom:30px}
.navbar { margin-bottom:10px}
.home{ padding-top:15px}
#footer .txt{ display:none}
.navbar-collapse{ border:none; box-shadow:none }
.nav li{ border:none}
.nav li a{ padding:15px 0px; text-align:right}
.nav{ margin:0px -4px 0px; float:right}
.row .col-lg-4 { width:50%}


 }
 
@media (max-width: 480px) {
.content{ width:100%}
.gallery .row .col-lg-4{ padding-bottom:5px; padding-left:10px; padding-right:10px }
.row{ margin-left:-10px; margin-right:-10px}
}