/* Lush Demo Component Styles
   ================================================== */

.lush-slider {
  position: relative;
  margin: 0 auto;
  /*max-width: 1400px;*/
  min-width: 400px;
}

.lush-slider img {
  max-width: none;
}

.lush h1, .lush h2, .lush h3 {
    font-family: Arial;
    text-shadow: 0 1px 0 rgba(104,104,104,0.55);
    font-weight: bold;
}

.lush h1 { font-size: 40px; padding: 8px 16px; line-height: 60px; } 
.lush h2 { font-size: 32px; padding: 4px 8px; line-height: 43px;  }
.lush h3 { font-size: 18px; padding: 3px 6px; line-height: 30px;  }

/* demo: used to load features content */
#feat {
	margin: 60px 0;
}

.art-t-orange {
  background: white;
  color: #ed7500;
  text-shadow: 0 5px 0 rgba(249,202,156,0.75) !important;
}

.t-white {
  background: white;
  color: #303030;
  text-shadow: 0 5px 0 rgba(204,204,204,0.75) !important;
}

.t-red {
  background: #c20005;
  color: white;
  text-align: center;
}
.t-blue {
  background: #005dc5;
  color: white;
  text-align: center;
}

.t-orange {
  background: #ec8723;
  color: #eee;
}

.t-yellow {
  background: #face0d;
  color: #eee;
}

.t-yellow-b {
  color: #face0d;
}

.t-white-b {
  color: #fff;
}

.rounded {
  border-radius: 5px;
}


.bg-black {
  background: rgba(0,0,0,0.5);
}

#demo-box {
  max-height: 450px;
  margin: 0 auto;
  background: white;
  font-size: 20px;
}

#demo-basic {
  max-height: 300px;
  margin: 0 auto;
  background: white;
  font-size: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 8px solid #FFD784;
}
#demo-basic p {
  white-space: normal !important;
  width: 470px;
}
#demo-basic h3 {
  font-size: 150%;
  width: 470px;
}

.lush-external {
  width: 50px;
  height: 50px;
  background-position: center center;
  background-repeat: no-repeat;
}
#go-envato { background-image: url("../img/tf-envato.png"); }
#go-ad { background-image: url("../img/ad.png"); }
#go-tf { background-image: url("../img/tf.png"); }
#go-cc { background-image: url("../img/cc.png"); }


/* Lush Demo Styles
   ================================================== */

h3 i {
  color: #c63d4e;
}

#topbg {
  background-image: url("../img/bg.png");
  background-repeat: repeat;
  position: absolute; height: 60%; width: 100%; z-index: -1;
  left: 0; top: 0;  
}

/* Custom container */
.container {
  padding: 0 10px;
  max-width: 1440px;
  min-width: 420px;
  background: white; 
}
.container .container {
  padding: 0;
  background: transparent;
}
.container > hr {
  margin: 60px 0;
}
/* Supporting marketing content */
.marketing {
  margin: 60px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}