/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

 @font-face {
   font-family: logoFont;
   src: url(fonts/KeepCalm-Medium.ttf);
 }

 .font-logo {
   font-family: logoFont;
 }

 .navbar {
   background-color: #666619 !important;
 }

body {
  padding-top: 54px;
}

body.shop {
  background-color: rgb(184, 184, 46);
}

body.story {
  background-color: rgb(198, 164, 164);
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.card-img-top {
  float: left;
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.help-block ul li {
  color: rgb(255, 255, 255);
  font-weight: bold;
}

.olive-button {
  background-color: rgb(184, 184, 46);
  border-color: rgb(184, 184, 46);
  color: #000000;
}

.olive-button:hover {
  background-color: #666619;
  border-color: #666619;
  color: #000000;
}

.faqlink {
  color: rgb(155, 57, 88);
}

.faqlink:hover {
  color: #702940;
}

img.logo {
  height: 45px;
}

hr {
  width: 75%;
  border-bottom: 2px solid #e6e6e6;
}

googleform.iframe {
  overflow: hidden;
}

.floatleft {
	display: inline;
	float: left;
}

.nofloat {
	display: inline;
}

.floatright {
	display: inline;
	float: right;
}

.productTitle {
	font-size: 16px;
}

.productDescription {
	font-size: 15px;
}

// CSS for pop-up - code adapted from W3Bits

.js-modal {
  /* Take the box out of the flow, so that it could look like a modal box */
  position: absolute;

  /* Avoid the awkwardly stretchy box on bigger screens */
  max-width: 450px;

  /* Aligning it to the absolute center of the page */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  /* Some cosmetics */
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .1);
}

.js-modal-hidden {
  display: none;
}

/* Make the media inside the box adapt the width of the parent */
.js-modal img,
.js-modal iframe,
.js-modal video {
  max-width: 100%;
}

/* Make the inner element relatively-positioned to contain the close button */
.js-modal-inner {
  position: relative;
  padding: 10px;
}

/* Close button */
.js-modal-close {
  font-size: 10px;

  /* Take it out of the flow, and align to the top-left corner */
  position: absolute;
  top: -10px;
  right: -10px;

  /* Size it up */
  width: 24px;
  height: 24px;

  /* Text-alignment */
  text-align: center;

  /* Cosmetics */
  color: #eee;
  border-width: 0;
  border-radius: 100%;
  background-color: black;
}