html {
  scroll-behavior: smooth;
}

body {
  font-family: verdana, geneva, sans-serif;
}

html, body {
  height: 100%;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  word-wrap: normal !important;
}

main,
header,
footer,
address,
aside,
caption {
  word-wrap: normal !important;
}

p,
ul,
li,
label,
input,
textarea,
nav,
a,
button {
  word-wrap: normal !important;
}
a,
button {
  text-decoration: none !important;
}
address {
  font-style: normal !important;
  word-wrap: normal !important;
}
.mvf-logofixed {
  position: fixed;
  top: 20px;
  left: 20px;
  width: 20%
}
.mvf-hr {
  border: 2px #00775c solid;
  background-color: #cfcfcf;
  opacity: 1;
  width: 90%;
  margin: 0 auto;
}
.mvf-mont-header1 {
  font-family: "Montserrat", system-ui !important;
  font-size: 4.2em !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-shadow: 2px 2px 4px black !important;
  letter-spacing: -1.5px !important;
}
.mvf-mont-header1a {
  font-family: "Montserrat", system-ui !important;
  font-size: 3.0em !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: -1.7px !important;
}
.mvf-mont-header2 {
  font-family: "Montserrat", system-ui !important;
  font-size: 1.0em !important;
  font-weight: 900 !important;
  font-style: normal !important;
}
.mvf-mont-header2a {
  font-family: "Montserrat", system-ui !important;
  font-size: 1.75em !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -1.5px !important;
  line-height: 0 !important;
}
.mvf-modal-header1a {
  font-family: "Montserrat", system-ui !important;
  font-size: 1.75em !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -1.5px !important;
  line-height: 0 !important;
}
.mvf-modal-header2a {
  font-family: "Montserrat", system-ui !important;
  font-size: 1.25em !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -1.5px !important;
  line-height: 0 !important;
}
.mvf-mont-descr {
  font-family: "Montserrat", system-ui !important;
  font-size: 0.85em !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: -0px !important;
  line-height: 1.1 !important;
}
.mvf-beanbackdrop1 {
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../images/mvf-beanbackdrop1.webp');
  height: 100%;
}
.mvf-beanbackdrop2 {
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../images/mvf-beanbackdrop2.webp');
  height: 100%;
}
.mvf-beanbackdrop3 {
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../images/mvf-beanbackdrop3.webp');
  height: 100%;
  filter: opacity(99%);
}
.mvf-shadow-01 {
  text-shadow: 1px 1px 15px black !important;
}
.mvf-shadow-02 {
  text-shadow: 2px 2px 4px black !important;
}
.mvf-tiny {
  font-size: .85em !important;
}
.mvf-400 {
  font-weight: 400 !important;
}
.mvf-600 {
  font-weight: 600 !important;
}
.mvf-700 {
  font-weight: 700 !important;
}
.mvf-900 {
  font-weight: 900 !important;
}
.mvf-lh-norm {
  line-height: normal !important;
}
.mvf-lh-1 {
  line-height: 1.0 !important;
}
.mvf-lh-15 {
  line-height: 1.5 !important;
  line-height: normal !important;
}
.mvf-tag {
  padding: 0px 8px !important;
}
#beanproduct {
  background-image: url(images/mvf-recipe-PintoBeans.webp), url(images/mvf-beans-PintoBeans-0.webp);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
}
/* COLOR ADDONS */
.mvf-blue-gradient {
  background: linear-gradient(180deg, #aee7f2, #ffffff);
}
.mvf-grey-01,
.mvf-hover-grey-01:hover {
  background-color: #eff0f0;
}
.mvf-blue,
.mvf-hover-blue:hover {
  background-color: #2196F3;
}
.mvf-blue-01,
.mvf-hover-mvf-blue-01:hover {
  background-color: #00749b !important;
}
.mvf-text-blue-01,
.mvf-hover-text-blue-01:hover {
  color: #1c3f7c !important;
}
.mvf-text-blue-02,
.mvf-hover-text-blue-02:hover {
  color: #003189 !important;
}
.mvf-text-amber-15,
.mvf-hover-text-amber-15:hover {
  color: #fffbf0 !important;
}
.mvf-text-amber-d1,
.mvf-hover-text-amber-d1:hover {
  color:#eab000 !important;
}

.mvf-text-amber-d5,
.mvf-hover-text-amber-d5:hover {
  color: #826200 !important;
}
.w3-text-white,
.w3-hover-text-white:hover {
  color: #ffffff;
}
.w3-text-black,
.w3-hover-text-black:hover {
  color: #000000;
}
.w3-white,
.w3-hover-white:hover {
  color: #000000;
  background-color: #ffffff;
}
.w3-light-grey,
.w3-hover-light-grey:hover,
.w3-light-gray,
.w3-hover-light-gray:hover {
  color: #000;
  background-color: #f1f1f1;
}