/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* Global */
body {
  background: #f1f1f1;
  font-family: AvenirNext LT Pro regular,Avenir next, avenir-next, calibri, Helvetica Neue, Helvetica, Arial, sans-serif;
}

p {
  line-height: 1.7;
}

a { 
  color: #3b87cd
}

/* Container */
@media (min-width: 1200px) {
  .container {
    max-width: 1440px;
  }
}

.section {
  padding: 1.5em;
}

@media (min-width: 1200px) {
  .section {
    max-width: 1000px;
    margin: auto;
  }
}


/* Sticky footer styles
-------------------------------------------------- */
.footer.border-top {
  border-top: 1px solid #e5e5e5;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}

/* Cookie */
button.accept-policy {
  font-size: 1em;
  padding: inherit !important;
  text-shadow: none;
}

/* Button */
.btn {
  font-size: 1em;
}

.btn-primary {
  background: #3b87cd;
  border-color: #3b87cd;
}

.btn-primary:hover {
  background: #3b87cd;
}

/* Hero image */
.jumbotron {
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.hero-jumbotron {
  background: #7cb3d8;
  min-height: 185px;
}

.hero-jumbotron .image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-jumbotron span {
  font-weight: 300;
}

@media (min-width: 1200px) {
  .hero-jumbotron span {
    margin-left: .5em;
  }
}

.hero-jumbotron .image-wrapper img {
  width: 100px;
  height: 200px;
}

.hero-image {
  background-image: url(../images/homejumbo.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  background-position: center center;
  height: 365px;
}

/* Navbar */
.navbar-brand {
  font-family: serif;
}

@media (min-width: 1024px) {
  .navbar-brand {
    font-size: 2.25em;
  }
}

.navbar-light .navbar-toggler {
  border: none;
}

.powered-by {
  display: flex;
  justify-content: center;
  align-items: center;
}

.powered-by span {
  font-size: 13px;
  color: #9c9999;
}

.powered-by .logo-wrapper {
  width: 100px;
}

/* Type */
h1, .h2 {
  font-weight: 300;
}

/* Marketing */
.card {
  border: none;
  box-shadow: 0 16px 40px rgba(0,0,0,0.12);
}

.marketing .card img {
  width: 150px;
  height: 200px;
  margin: auto;
}

.marketing .card-footer {
  padding: 0;
  border: 0;
}

.marketing .card-title {
  font-weight: 300;
  margin: 0;
}

.marketing .image-wrapper {
  padding: 1.75em;
}

/* Forms */
.flex-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.forms-container {
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(0,0,0,0.12);
  padding: 2em;
  margin: auto;
  width: 100%;
}

@media (min-width: 1024px) {
  .forms-container {
    max-width: 50%;
  }
}

.field-validation-error,
.validation-summary-errors {
  margin-top: .25rem;
  font-size: 80%;
  color: #dc3545;
}

/* Sidebar */
.sidebar {
  background: white;
  margin-right: 1em;
  max-width: 100%;
  padding: 1em;
}

@media (min-width: 768px) {
  .sidebar {
    border-right: 1px solid rgba(0,0,0,.1);       
  }
}

@media (min-width: 1024px) {
  .sidebar {
    max-width: 30%;
  }
}

.results-content {
  background: #fff;
}

.results-content .btn { 
    color: white;
    background-color: #3b87cd !important;
    border-color: #3b87cd;
}

@media (min-width: 1366px) {
  .results-content {
    flex: 0 0 74%;
    max-width: 74%;
  }
}

@media (min-width: 320px) {
  .flex-container-results {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
    .flex-container-results {
      flex-direction: row;
  }
}

/* Image viewer */
.section-wrapper {
  padding: 1.5em;
}

.image-viewer {
  background: black;
  width: 100%;
  margin: auto;
  padding: 1em;
  height: 600px;
  position: relative;
}

.previous,
.next {
  position: absolute;
  top: 50%;
  display: block;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 1000;
}

.previous {
  left: 25px;
}

.next {
  right: 25px;
}

.search-form {
  background: white;
  padding: 1em;
}

@media (min-width: 320px) {
  .section-search {
    max-width: 100%;
  }

}@media (min-width: 1200px) {
  .section-search {
    max-width: 30%;
  }
}

.terms {
  background: white;
}

.underline {
  text-decoration: underline;
}