/*
Theme Name: lineupBoot
Theme URI: http://orugaproject.com.ar
Description: Bootstrap based theme
Author: Oruga
Author URI: http://orugaproject.com.ar
Version: 1.0
Tags: responsive, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/



    /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body { 
	background-color:#fff;
	color:#000;
	font-family: source-code-pro, sans-serif;
	font-size: 16px;
	font-weight:100;
    }
	

	h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: source-code-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform:uppercase;
  line-height: 1.0;
  color: inherit;
}
h2,
.h2 {
  font-size: 20px;
  text-transform:uppercase;
}
a:hover,
a:focus {
  color:#454545;
  text-decoration: none;
}
hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
  border-top: 1px solid #ccc;
}
.clear{
	clear:both;
}
	
.padding-side-20 {
	padding:	0 20px;
	}
	.padding-side-50 {
	padding:	0 50px;
	}

.burger-m,
.btn:active,
.btn:focus,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
   outline: none !important;
}
		/* NAV BAR LOGO
	-------------------------------------------------- */
@media screen and (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
	width:100%;
  }
}
 .navbar-inverse {
  background: #000;
  border-color: #080808;
  -moz-box-shadow: 0 0 12px -2px #000;
	-webkit-box-shadow: 0 0 12px -2px #000;
	box-shadow: 0 0 12px -2px #000;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: relative;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: 1px solid transparent;
}

@media screen and (min-width: 768px) {
.navbar {
  position: fixed;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
  navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed; 
  right: 0; 
  left: 0;
  z-index: 1030;
}
}
/* url(img/lineup-texture.png) no-repeat left top; */
.navbar-inverse .container{
  background: #000
}
	.navbar-brand {
  float: left;
  width:250px;
  height: auto;
  padding: 13px 15px;
  font-size: 14px;
  line-height: 20px;
}
.navbar-brand img{
	margin:0 auto;
	height:auto;
	display:inline;
	float:left;
}

.menu-mobile {
	float:right;
	color: #fff;
}
@media screen and (min-width: 992px) {
	.navbar-brand {
  float: left;
  width:475px;
  height: auto;
  padding: 0px 15px;
  margin:0;
  font-size: 14px;
  line-height: 20px;
}
  .navbar-brand img{
	width:50%;
	height:auto;
	display:inline;
	float:left;
}
}





	/* NAV BAR
	-------------------------------------------------- */
.facebook {
	background-image:url(img/facebook.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 0;
	width:50px;	
}
	
.navbar-inverse .navbar-nav > li > a {
  color: #fafafa;
  }
	
.navbar-nav {
  margin: 0 -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (min-width: 992px) {
 
 .navbar-nav > li > a {
  font-size: 16px;
  padding-top: 28px;
  padding-bottom: 28px;
}
}
@media screen and (min-width: 768px) {
 .navbar-nav > li > a {
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left:8px;
  padding-right:8px;
  line-height: 20px;
  font-size: 16px;
  font-family: muli, sans-serif;
  font-weight:300;
  text-transform:uppercase;
}
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #333;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #21bbbf;
  background-color: #161616;
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,
	.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{
	text-decoration:none;
	color:#fff;
	background-color:#333;
	background-image:none;
	background-image:none;
	background-image:none;;
	background-image:none;
	background-image:none;
	background-repeat:repeat-x;}
	
	.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 190px;
  padding: 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #333;
  background-clip: padding-box;
  border: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 6px rgba(0, 0, 0, .175);
}

.dropdown-menu > li > a {
  display: block;
  padding: 8px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #fafafa;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #21bbbf;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #161616;
  text-decoration: none;
  background-color: #21bbbf;
  outline: 0;
}

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

#kite-carousel .carousel {
	border: 10px solid #FFF;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	transform: rotate(1deg);
	filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9986295347545738, M12=-0.05233595624294383, M21=0.05233595624294383, M22=0.9986295347545738, sizingMethod='auto expand');
	zoom: 1;
	-webkit-box-shadow: 10px 10px 20px #002624;
	-moz-box-shadow: 10px 10px 20px #002624;
	box-shadow: 10px 10px 20px #002624;
}
 
#kite-carousel .carousel .item {
	max-height: 400px;
}

.carousel .item {
background-color: #777;
}
#wrapper{
		background-image:url(img/pattern-camp.png);
}
.page{
	background-color:white;
	padding:10px 30px;
	margin-top:35px;
	margin-bottom:20px;
	-webkit-box-shadow: 1px 1px 1px 0 #666;
	box-shadow: 1px 1px 1px 0 #666;
}
#blog.page{
	background-color:transparent;
	padding:10px 30px;
	margin-top:35px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
@media screen and (min-width: 768px) {
	#blog.page{
	background-color:transparent;
	padding:10px 30px;
	margin-top:85px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.page{
	background-color:white;
	padding:10px 30px;
	margin-top:95px;
	margin-bottom:20px;
	-webkit-box-shadow: 1px 1px 1px 0 #666;
	box-shadow: 1px 1px 1px 0 #666;
}
}
.loop-post {
	background: #FFF url(http://indokitecamp.com/wp-content/themes/lineupboot/img/pattern-loop.png);
	padding:10px;
	margin:10px 5px 10px 0;
	-webkit-box-shadow: 1px 1px 1px 0 #666;
	box-shadow: 1px 1px 1px 0 #666;
	min-height:175px;
}
.postdate{ float:right;
		   width:200px;
		   z-index:999;
		   position:relative;
}
.loop-post h2, h5{margin:5px 0 0;
}
.postimage{ width:100%;
			height:auto;

}
.postimage img{ z-index:99;
}
.featured-thumbnail {  float: left;
                       padding-right: 20px;
                       padding-left: 10px;
}
.excerpt-thumbnail {  float: left;
					  width:auto;
                      padding-right: 20px;
                      padding-left: 5px;
}
.excerpt-thumbnail img{  max-width: 100%;
                      height:auto;
}

.space {
	height:15px;
}
.space-25 {
	height:25px;
}
/*        -----------------                Gallery images styles               -----------------      */      	

.gallery {  margin: 0 auto;
            clear: both;
}
.gallery br {
        clear: none !important; 
        display: none;
}
.gallery-item {  float: left;
                 margin-top: 5px;
                 text-align: center;
                 width: 33.333%;
                 height: auto;
                 overflow: hidden;
}
.gallery-item img {  
				width: 95%;
                height: auto;
				border: 10px solid #FFF;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	transform: rotate(1deg);
	filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9986295347545738, M12=-0.05233595624294383, M21=0.05233595624294383, M22=0.9986295347545738, sizingMethod='auto expand');
	zoom: 1;
	-webkit-transition: -webkit-transform .15s linear;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
}


.gallery-caption {  margin-left: 0 }
#loop-content .gallery-item {  float: left;
                               margin-top: 5px;
                               text-align: center;
                               width: 33%;
                               max-height: 195px;
                               overflow: hidden;
}
#loop-content .gallery img {  width: 100%;
                              height: auto;
                              border: 1px solid #000;
							  
}

 

@media screen and (min-width: 768px) {
	.gallery-item {  float: left;
                 margin-top: 5px;
                 text-align: center;
                 width: 16.666%;
                 height: auto;
                 overflow: hidden;
}

	#loop-content .gallery-item {  float: left;
                               margin-top: 5px;
                               text-align: center;
                               width: 33%;
                               max-height: 195px;
                               overflow: hidden;
}
 
}  

/*        -----------------               video style             -----------------            */
.video-container {  position: relative;
                    padding-bottom: 56.25%;
                    padding-top: 30px;
                    height: 0;
                    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {  position: absolute;
                                                                            top: 0;
                                                                            left: 0;
                                                                            width: 100%;
                                                                            height: 100%;
}
/* FORM
	-------------------------------------------------- */

.wpcf7 {}
.wpcf7-form {  width : 100%;
               height: auto;
               margin: 0;
               padding: 10px 0 10px 30px;
               clear: both;
			   font-family: bebas-neue, sans-serif;
               font-weight:300;
			   font-style:normal;
			   }
.wpcf7 p{
	background:#f8f8f8;
	font-size:14px;
}
.wpcf7-form input, .wpcf7-form textarea {
	width:100%;
}

/* PROFILE
	-------------------------------------------------- */
.btn {
  border: 1px solid transparent;
  border-radius: 0;
}	
.btn-camp{
  -webkit-box-shadow: 0px 1px 0px #000000;
  -moz-box-shadow: 0px 1px 0px #000000;
  box-shadow: 0px 1px 0px #000000;
  color: #fafafa;
  font-weight:200;
  font-size: 21px;
  background: #000;
  padding: 6px 20px 6px 20px;
  margin-right:20px;
  margin-bottom:40px;
  text-decoration: none;
  float:right;
}

.btn.btn-camp:hover {
  background: #21bbbf;
  text-decoration: none;
}

/* CAMP
	-------------------------------------------------- */
.camp {
	background-image:url(img/pattern-camp.png);
	background-color:#CCC;
	padding:30px;
}

.camp h1{
	font-size:32px;
}
@media screen and (min-width: 768px) {
	.camp h1{
	font-size:48px;
}
}
.camp h2{
font-family: dr-sugiyama, sans-serif;
	text-transform:none;
	color:#333;
	font-size:45px;
}
	/* PROFILE
	-------------------------------------------------- */
.top-wood {
	background-image:url(http://indokitecamp.com/wp-content/themes/lineupboot/img/top-wood.jpg);
	height:25px;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.90);
    -moz-box-shadow:    0px 3px 2px 0px rgba(0, 0, 0, 0.90);
    box-shadow:         0px 3px 2px 0px rgba(0, 0, 0, 0.90);
}
.profile {
	background-color:#000;
	padding:30px;
}
.profile h2,.profile h2 a{
font-family: dr-sugiyama, sans-serif;
	text-transform:none;
	color:white;
	font-size:60px;
}
.profile h3,h3 a{
font-family: dr-sugiyama, sans-serif;
	text-transform:none;
	margin-top:0;
	color:white;
	font-size:34px;
	text-align:center;
}
.profile p,ul{
	color:#333;
	}
ul.profile {
	border-left: 10px #21bbbf solid;
}

.bio {
	padding:10px 20px;
}

/* By default, we tilt all our images -2 degrees */
.polaroids img{
	background-color:#fff;
	border: 20px #FFF solid;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
}
 

/* Scale the images on hover, add transitions for smoothing things out, and ensure the hover appears on top */
.polaroids  img:hover{
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  position: relative;
  z-index: 5;
}

/* Add drop shadows and smooth out the transition (Safari only) */
.polaroids img{
  -webkit-transition: -webkit-transform .15s linear;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
}
 
/* On hover, darken the shadows a bit */
.polaroids img{
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
}

/* BOTTOM NAV
	-------------------------------------------------- */

#bottom-nav{
    width:350px;
	float:right;
    height:50px;
    position:fixed;
	right:10%;
    bottom:10%;
	z-index:999;
	clear:both;
    font-weight:600;
	font-size:13px;
	text-transform:uppercase;

}

#bottom-nav ul{
    list-style:none;
    display:inline-block;
    width:100%;
}

#bottom-nav ul li{
    width:45%;
	padding:5px 0;
	margin:0 2%;
	background-color:#21bbbf;
    float:left;
    text-align:center;
}
#bottom-nav ul li a{
    color:#000;
}
#bottom-nav ul li:hover,#bottom-nav ul li a:hover{
	color:#21bbbf;
    background-color:#000;
}

/* FOOTER
	-------------------------------------------------- */

footer{
	background-color:#000;
	color:#686868;
	width:100%
}

footer p{
	font-size:11px;
	padding:20px;
	font-weight:300;
	text-align:left;
}
footer a{
	color:#787878;
}

/* menu overlay */


body {
    margin: 0;
}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}


ul,ol {
	list-style: none;
}
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 30px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #454545;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-width: 968px) {

	.menu-mobile {
		margin-top: 21px;
		color:white;
	}
}

@media screen and (max-width: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
	.menu-mobile {
		margin-top: 21px;
		color:white;
	}
}