/*!
 * TSB Redesign v0.2
 *
 * Built on Twitter Bootstrap
 *
 */

/* colors */

.red {
  color: #E74C3C;
  color: rbga(231,76,60,1);
}

.darkblue {
  color: #2C3E50;
  color: rgba(44,62,80,1);
}

.medblue {
  color: #2980B9;
  color: rgba(41,128,185,1);
}

.lightblue {
  color: #3498DB;
  color: rgba(52,152,219,1);
}

.gray {
  color: #ECF0F1;
  color: rgba(236,240,241,1);
}

.darkgray {
  color: #919394;
  color: rgba(145,147,148,1);
}


body {  
  background-color: #E0E0E0 ;
}

.container {
	background-color: #f0f0f0;
	/*-webkit-box-shadow: 0px -3px 10px rgba(0,0,0,.8);
     -moz-box-shadow: 0px -3px 10px rgba(0,0,0,.8);
          box-shadow: 0px -3px 10px rgba(0,0,0,.8);*/
    padding:15px;
}

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


.card {
  background-color: #fff;
  padding: 5px 10px;
  padding-top: 5px;
  border-bottom: solid 1px #ECF0F1;
  /*box-shadow: 3px 3px 5px #888888;*/
}

.card h3 {
  background-color: #3498DB;
  color: #fff;
  display:block;
  margin: -5px -10px 5px -10px;
  padding: 5px;
  padding-left: 10px;
}

.card h4 a {
  display: block;
  background-color: #ECF0F1;
  padding: 7px;
  border-bottom: 1px solid #d9d9d9;
}

.card h4 a:hover {
  display: block;
  background-color: #b3d6f4;
  padding: 7px;
}

.card h4.table-title a {
  padding-bottom: 2px;
}

.tables-updated {
  font-size:10px;
  text-transform:uppercase;
  margin-top:2px;
  color:#888;
  display: block;
}

.share a, a:hover {
  text-decoration: none;
}

p.sidebar {
  font-size: 12px;
}

.hero-unit {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 25px;
  color: #fff;
  background-color: #2980B9;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.hero-unit h1 {
  margin-bottom: 40px;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
  color: inherit;
}

.btn-info-link {
  color: #fff;
}


 .carouselImg {
           height: 280px;
           display: block;
           width: 100%;
       }

        .carouselText {
           vertical-align:bottom;
           position: absolute;
    bottom: 0;
       }


       .owl-carousel {
           width: auto !important;
       }

       .thumbnail {
           text-align: center;
           height: 320px;
           background-color: white;
       }

/* Mobile */
@media (max-width: 480px) {
  
  .container {
    padding-left:0px;
    padding-right:0px;
    margin-left:-15px;
    margin-right:-15px;
  }

  h5.events-title {
    margin-top:-20px;
  }

  .events-banner h1 {
  font-size: 30px;
  line-height: 32px;
  }

  .events-banner img {
    max-height: 150px;
    padding-right: 10px;
  }

  .events-banner .subtitle {
    font-size: 16px;
    clear:both;
  }

}