/*---yippier */
/* theme colors */
:root {
  var-dark-brown: #7F6943;
  var-canvas-grey: #f1efe0;
  var-sugar-blue-vivid: #5E7A95;
  var-sugar-blue-light: #6D8195;
  var-sugar-blue-dark: #353f49;
  var-company-color: #252C33;  
}

#y_jumbotron_canvas {
 width:100%;
 background-image:url('http://www.yippier.it/turin-yippier.jpg');
 background-repeat:no-repeat;
 background-size:100%; 
 border-bottom:4px solid #000000; 
}
#y_jumbotron_middle {
 /* width:100%; */
 /*background-image:url('http://www.yippier.it/img/sharpener.jpg');*/
 background-repeat:no-repeat;
 background-size:100%; 
 /* max-height:520px; */
}
#y_logo { 
}
.y_thumb {
min-height:47em;
}
.y_hidden {
display:none;
}
#y_services {
margin-top:10px;
}
.y_spacer_30 { 
/*margin-top:40px;
border-bottom:1px solid #7F6943; */
min-height:60px;
margin-bottom:0px;
}
.y_spacer_20 { 
/*margin-top:40px;
border-bottom:1px solid #7F6943; */
min-height:20px;
margin-bottom:0px;
}
.y_divider { 
min-height:1px;
width:100%;
clear:both;
}
.y_section_head { 
border-top:1px solid #7F6943;
border-bottom:1px solid #7F6943;
}
.y_section_head > h2 { 
padding-top:0px;
margin-top:20px;
}
.y-img-responsive {
  display: block;
  height: auto;
 margin: 0 auto;
  max-width: 100%;
}

body {  
  font-family: 'PT Sans', sans-serif;	
  font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;	
  color: #7F6943;
  background-color: #f3f2f1; 
}

h1 {
   color:#5E7A95;
}
h2 {
   color:#7F6943;
}
h1,
.h1 {
  font-size: 42px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Oswald', sans-serif;	 
}

/*-----------------------*/
.jumbotron {
   background-color: #f8f4ee;
}
/*------------------navbar ---------*/
.navbar-inverse {
  opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
 
}
.navbar-inverse .navbar-nav > li  > a {
 border-bottom:4px solid #7F6943;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
border-bottom:4px solid #ffffff;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
 border-bottom:4px solid #ffffff;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #f1efe0;
}
.carousel-inner > .item > img {
  /*position: absolute;
  top: 0;
  left: 0; */
  min-width: 100%;
  height: 500px;
}
.glyphicon_yippier  {
margin-top:0.4em;
font-size: 96px;
/*color:#3B4754;*/
}
.glyphicon_yippier:hover  {
font-size: 96px;
/* color:#353F49; */
}
.y_gly {
color:#3B4754;
}
.y_gly:hover {
color:#285E8E;
}
/*---STICKY FOOTER --*/

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 80px;
  background-color: #252C33;
}
.container .text-muted {
  margin: 20px 0;
}
#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

/*-------------------*/

.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  
  .marketing  {
    padding-left: 0;
    padding-right: 0;
  }  
}
/*----------button ----*/
.btn-primary {
  background-image: -webkit-linear-gradient(top, #5E7A95 0%, #353f49 100%);
  background-image: linear-gradient(to bottom, #5E7A95 0%, #353f49 100%);
  background-repeat: repeat-x;
  border-color: #2b669a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5E7A95', endColorstr='#ff353f49', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #353f49;
  background-position: 0 -15px;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #353f49;
  border-color: #2b669a;
}