@import url("https://use.typekit.net/jrv2nby.css");

/* Facebook Responsive */

#fb-root {
    display: none;
}


.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* Required Form */

input:required, textarea:required {

}

/* Full Screen Background */

.bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  z-index: -1;
}
.bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

/* Sticky Footer */

/* Navbar customization */

.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
}

#navbar {
	z-index:1020 !important;
}


//PyroCart

.form-control--focus {
      /* how your inputs should appear when they have focus */
      outline: 5px auto rgb(59, 153, 252);
    }
.form-control--error {
      /* how your inputs should appear when invalid */
      outline: 5px auto rgb(255, 97, 97);
    }

#cart {
	position:fixed !important;
	top:20px;
	right:20px;
	z-index:9999;
}

label.error {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.border-bottom {
      border-bottom-color:#949249  !important;  
}

.bg-dark {
    background-color:#000  !important;
}


.carousel-title {
    font-family: trajan-pro-3, serif;
    font-weight: 400;
    font-style: normal;
    font-size:80px;
    line-height:80px;
    color:#bcc4c7;
    text-shadow: 2px 2px 2px black;
}

h1, h2, h3, h4, h5 {
    font-family: trajan-pro-3, serif;
    font-weight: 400;
    color:#7e0000;
}

a, a.btn-link {
    color:#7e0000;
}

a:hover, a.btn-link:hover {
    color:#445759;
}


h5.card-title {
    font-family: trajan-pro-3, serif;
    font-weight: 400;
    font-size:16px;
    font-style: normal;
    color:#000;
}

a.card:hover {
    opacity:0.8;
    text-decoration:none;
}

.navbar-dark .navbar-nav .nav-link {
    text-transform:uppercase;
    font-weight:700;
    color:#fff !important;
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color:#bcc4c7 !important;
}

.border {
    border-color: #bcc4c7 !important;
}

.border.border-danger {
    border-color: #7e0000 !important;
}

.border-thick {
    border-width: 3px !important;
}

@media screen and (max-width: 1140px) {
   .carousel-title {
       font-size:60px;
       line-height:60px;
   }
}

@media screen and (max-width: 960px) {
   .carousel-title {
       font-size:40px;
       line-height:40px;
   }
}

@media screen and (max-width: 768px) {
   .carousel-title {
       font-size:30px;
       line-height:30px;
   }
}

@media screen and (max-width: 540px) {
   .carousel-title {
       font-size:16px;
       line-height:16px;
   }
}