/* Font face */
@font-face {
  font-family: 'Georgia';
  src: url('../../plugins/fonts/Georgia.ttf');
}

@font-face {
  font-family: 'Georgia-Bold';
  src: url('../../plugins/fonts/Georgia-Bold.ttf');
}

@font-face {
  font-family: 'HelveticaNeue-Regular';
  src: url('../../plugins/fonts/HelveticaNeue-Regular.otf');
}

@font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url('../../plugins/fonts/HelveticaNeue-Bold.otf');
}

.ff-primary {
  font-family: 'HelveticaNeue-Regular';
}

.ff-primary-bold {
  font-family: 'HelveticaNeue-Bold';
}

.ff-secondary {
  font-family: 'Georgia';
}

.ff-secondary-bold {
  font-family: 'Georgia-Bold';
}

.ff-third {
  font-family: 'Open Sans', sans-serif;
}

/* Normalize */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
  font-family: 'HelveticaNeue-Regular';
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/* Overwrite Bootstrap */
.btn {
  border-radius: 12px !important;
}

.btn.btn-primary {
  background-color: #B82A1C !important;
  border-color: #B82A1C !important;
  transition: opacity 0.25s;
}

.btn.btn-primary:hover {
  opacity: 0.75;
}

.text-primary {
  color: #B82A1C !important;
}

.bg-light {
  background-color: #faf8f7 !important;
}

.bg-primary {
  background-color: #B82A1C !important;
}

.bg-secondary {
  background-color: #f1f1f1 !important;
}

.border-light {
  border-color: #faf8f7 !important;
}

.border-2 {
  border-width: 2px !important;
}

.container-sm {
  max-width: 900px;
}

/* Generic */
.fs-big {
  font-size: 2.25rem;
}

@media screen and (min-width: 860px) {
  .fs-big {
    font-size: 3.25rem;
  }
}

.fs-medium {
  font-size: 1.5rem;
}

@media screen and (min-width: 860px) {
  .fs-medium {
    font-size: 2rem;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Content */
.gradient {
  background-image: linear-gradient(1800deg, #B82A1C 0%, #C76A65 76%);
}

.product {
  max-width: 25rem;
}

.product img {
  max-height: 15rem;
  margin-right: 2rem;
}

@media screen and (min-width: 860px) {
  .product img {
    max-height: 18rem;
    margin-right: 11rem;
  }
}

.product .price {
  width: 7rem;
  height: 7rem;
}

@media screen and (min-width: 860px) {
  .product .price {
    width: 9.5rem;
    height: 9.5rem;
  }
}

.product .price p {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1;
}

@media screen and (min-width: 860px) {
  .product .price p {
    font-size: 1.25rem;
  }
}

/* Form */
.newsletter-form {
  max-width: 810px;
}

/* Footer */
.site-footer {
  background-color: #1f3247;
  color: #a0adb5;
}

.site-footer a {
  color: #a0adb5;
}

/* Small border */
.small-border,
.small-border-white {
  position: relative;
  padding-bottom: 1rem;
}

.small-border::after,
.small-border-white::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30%;
  transform: translateX(-50%);
  height: 2px;
  background-color: #000;
  max-width: 125px;
}

.small-border-white::after {
  background-color: #fff;
}