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

@font-face {
 font-family:"Atma";
 src:url("../fonts/Atma-Regular.ttf");
 font-style:normal;
 font-size: 16px;
}

@font-face {
 font-family:"ArefRuqaa";
 src:url("../fonts/ArefRuqaa-Regular.ttf");
 font-style:normal;
 font-size: 16px;
}

html,
body {
  font-family:"ArefRuqaa";
  font-size: 16px;
  height: 100%;
  background-color: #eee;
}

h1 {
  font-family:"Atma";
}

div#countdown.panel{
	background: linear-gradient(#eee, #bbb);
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: calc(100% - 60px);
  height: auto !important;
  height: calc(100% - 60px);
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 60px;
}
#footer {
  background-color: #f5f5f5;
  padding: 0;
}

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

#wrap > .container {
  padding-top: 60px;
}
.container .credit {
  margin: 20px 0;
}

#clockdiv{
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}

#clockdiv > div{
  padding: 8px;
  border-radius: 3px;
  display: inline-block;
}

#clockdiv div > span{
  color: #fff;
  padding: 15px;
  border-radius: 3px;
  background: #666666;
  display: inline-block;
}

.smalltext{
  padding-top: 5px;
  font-size: 16px;
}

.app-store-link{
  border: 0 none;
  box-shadow: none;
  background-color: #eee;
}

.navbar-toggle .button-label {
  float: left;
  font-weight: bold;
  line-height: 14px;
  padding-right: 10px;
}
.button-bars {
  float: left;
}

h1 {
  font-weight: bold;
}

ul {
  padding-left: 0;
}