/* Add your custom styles here */

@font-face {
    font-family: "Acumin";
    src: url(../font/Acumin-RPro.woff2);
}

@font-face {
    font-family: "Inlander";
    src: url(../font/InlanderDemo-Eag8W.woff2);
}

@font-face {
    font-family: "Merriweather";
    src: url(../font/Merriweather-Regular.woff2);
}

@font-face {
    font-family: "Merriweather";
    src: url(../font/Merriweather-Bold.woff2);
    font-weight: bold;
}

:root {
    --brand-primary-darker: #03a171;
    --brand-primary: #06534f;
    --brand-lighter: #bcdc9f;
    --bs-font-sans-serif: "Poppins", "Rubik", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --bs-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
    background: var(--brand-lighter);
    font-family: "Merriweather", "Poppins", "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Merriweather", "Poppins", "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.tooltip,
.popover {
    font-family: "Merriweather", "Poppins", "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

input,
button,
select,
optgroup,
textarea,
label,
.alert,
.badge,
.blockquote-footer,
.btn,
.navbar,
.pagination,
.valid-feedback,
.invalid-feedback {
    font-family: "Merriweather", "Poppins", "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.font-sans-serif {
    font-family: "Acumin", "Poppins", "Rubik", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    text-transform: uppercase;
}

.font-base {
    font-family: "Merriweather", "Poppins", "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.font-cursive {
    font-family: "Acumin", "Volkhov", "DM Serif Display", cursive;
    text-transform: uppercase;
}

.hero-title {
    font-family: "Inlander", "Volkhov", "DM Serif Display", cursive;
}

.hero-title:before {
  background-image: none;
}

.hero-img {
    width: 75%;
    margin-left: -5rem;
}

@media (max-width: 767px) {
    .hero-img {
        width: 75%;
        margin-left: 0rem;
        text-align: center !important;
    }
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #FFFEFE;
  background-color: var(--brand-lighter);
  border-color: var(--brand-lighter);
  -webkit-box-shadow: 0;
  box-shadow: 0;
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #FFFEFE;
  background-color: var(--brand-lighter);
  border-color: var(--brand-lighter);
}

.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0;
  box-shadow: 0;
}