@import url('https://fonts.googleapis.com/css?family=Oswald|Palanquin');

html, body {
  font-family: Palanquin, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  margin: 0px;
  padding: 0px;
  text-align: justify;
  text-justify: inter-word;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
}

body {
  background-color: #F4F5F6;
  font-size: 1.1em;
}

.carousel-inner img {
  margin: auto;
}

footer {
  margin: 32px;
}

h1 {
  font-family: 'Oswald', sans-serif;
  padding: 24px 0;
  text-align: center;
  text-transform: uppercase;
}

h1, h2, h3 {
  margin: 24px 0;
}

th a, th a:visited, th a:active {
    color: #333333;
}

.faq-entry {
  margin-bottom: 40px;
}

.faq-entry h4 {
  font-weight: bold;
  margin-bottom: 16px;
  text-decoration: underline;
  padding-bottom: 3px
}

.faq-entry h5 {
  font-weight: bold;
  margin: 16px 0;
}

.list-group-item-action:hover {
  background-color: #FFEAEF;
}

.oswald {
  font-family: 'Oswald', sans-serif;
}

.nav-item {
   padding-left: 16px;
}

.nav-link, .nav-link:visited, .nav-link:active {
    color: #777777 !important;
}

.nav-link:hover {
     color: #fe0038 !important;
     opacity: 0.5;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #fceff2;
}

.table {
    border: 1px solid #e1e1e1;
}

.table thead th {
    border-bottom: 2px solid #e1e1e1;
}

.table td {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    text-align: center;
    vertical-align: middle;
}

.table th {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    vertical-align: middle;
}

.footer, .footer:visited, .footer:active {
    color: #292b2c;
}
.footer:hover {
    color: #292b2c;
}

.footer-underlined, .footer-underlined:visited, .footer-underlined:active {
    color: #292b2c;
    text-decoration: underline;
}
.footer-underlined:hover {
    color: #292b2c;
    text-decoration: none;
}

.review {
  background-color: white;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  padding: 24px;
  text-align: center;
}

.review img {
    width: 96px;
}

.review-author {
  font-size: 1.2em;
  font-weight: 600;
  padding-top: 16px;
}

.review-row {
  margin: 24px 0;
}

.btn-highlight {
    background-color: #fe0038;
    color: white;
    font-weight: 800;
}

.btn-highlight, .btn-highlight:focus, .btn-highlight:active {
    border: none !important;
    outline: none !important;
}

#content {
  margin-top: 32px;
}

.navbar {
  background-color: white;
  border-bottom: 1px solid #e1e1e1;
  font-weight: 500;
  line-height: 60px;
}

#icon {
  height:auto;
  -webkit-animation:rotating 1.5s;
  -moz-animation:rotating 1.5s;
  -ms-animation:rotating 1.5s;
  -o-animation:rotating 1.5s;
  animation:rotating 1.5s;
}

#google-play img{
  -webkit-transition:0.2s;
  opacity:1;
}

#google-play img:hover{
  opacity:0.6;
}

@-webkit-keyframes rotating {
  from{
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@keyframes rotating {
  from{
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}