/* Casa Foods — page styles: /. Plain CSS (no theme framework). Built by clean.py + clean2.py from the rules the pages use. */

.header {
  --header_bg_color: #b5230a;
  --archive_header_bg_color: rgb(181,35,10);
}

.sr-only {
  word-wrap: normal !important;
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-break: normal !important;
}

.sr-only:focus {
  background-color: #ddd;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

html :where([style^=border-color],:is([style*=";border-color"],.s34),:is([style*="; border-color"],.s81)) {
  border-style: solid;
}

html :where([style^=border-top-width],:is([style*=";border-top-width"],.s34),[style*="; border-top-width"]) {
  border-top-style: solid;
}

#slider-85 .slideshow-arrows a {
  width: 63px;
  height: 63px;
  line-height: 63px;
  font-size: 25px;
}

/* Element styles (formerly inline style attributes) */
.s20 {
  height: 750px;
  max-width: 100%;
}

.s21 {
  max-width: 100%;
  --typography_sensitivity: 1;
}

.s22 {
  background-image: url(../images/rev4.jpg);
  max-width: 100%;
  height: 750px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="assets/images/rev4.jpg", sizingMethod="scale");
}

.s23 {
  background-image: url(../images/rev2.jpg);
  max-width: 100%;
  height: 750px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="assets/images/rev2.jpg", sizingMethod="scale");
}

.s24 {
  background-image: url(../images/rev3.jpg);
  max-width: 100%;
  height: 750px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="assets/images/rev3.jpg", sizingMethod="scale");
}

.s25 {
  background-image: url(../images/rev1.jpg);
  max-width: 100%;
  height: 750px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="assets/images/rev1.jpg", sizingMethod="scale");
}

.s27 {
  max-width: 1144px !important;
  margin-left: calc(-4% / 2 ) !important;
  margin-right: calc(-4% / 2 ) !important;
}

.s28 {
  --padding-top: 20px;
  --padding-right: 20px;
  --padding-bottom: 20px;
  --padding-left: 20px;
  --bg-image: url("../images/about.jpg");
  --bg-position: center top;
  --bg-size: cover;
  --width-large: 33.333333333333%;
  --margin-top-large: 0px;
  --spacing-right-large: 5.76%;
  --margin-bottom-large: 20px;
  --spacing-left-large: 5.76%;
  --width-medium: 100%;
  --spacing-right-medium: 1.92%;
  --spacing-left-medium: 1.92%;
  --width-small: 100%;
  --spacing-right-small: 1.92%;
  --spacing-left-small: 1.92%;
}

.s29 {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 220px !important;
  width: 100% !important;
}

.s30 {
  --backgroundcolor: #ffffff;
  --hover-accent-color: #e10707;
  --circle-hover-accent-color: #e10707;
  --item-margin-bottom: 40px;
}

.s31 {
  --backgroundcolor: #ffffff;
}

.s32 {
  text-align: center;
}

.s33 {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  width: 100% !important;
  max-width: 50px !important;
}

.s34 {
  --height: 20px !important;
  --amount: 20px !important;
  --sep-color: #cbaa5c !important;
  border-color: #cbaa5c !important;
  border-top-width: 1px !important;
}

.s35 {
  text-align: center;
  padding: 0 25px;
}

.s36 {
  text-align: center;
}

.s37 {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 10px !important;
  width: 100% !important;
}

.s38 {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: -82px !important;
  width: 100% !important;
}

.s39 {
  --padding-top: 20px;
  --padding-right: 20px;
  --padding-bottom: 20px;
  --padding-left: 20px;
  --bg-image: url("../images/product.jpg");
  --bg-size: cover;
  --width-large: 33.333333333333%;
  --margin-top-large: 0px;
  --spacing-right-large: 5.76%;
  --margin-bottom-large: 20px;
  --spacing-left-large: 5.76%;
  --width-medium: 100%;
  --spacing-right-medium: 1.92%;
  --spacing-left-medium: 1.92%;
  --width-small: 100%;
  --spacing-right-small: 1.92%;
  --spacing-left-small: 1.92%;
}

.s40 {
  --padding-top: 20px;
  --padding-right: 20px;
  --padding-bottom: 20px;
  --padding-left: 20px;
  --bg-image: url("../images/testimonials.jpg");
  --bg-size: cover;
  --width-large: 33.333333333333%;
  --margin-top-large: 0px;
  --spacing-right-large: 5.76%;
  --margin-bottom-large: 20px;
  --spacing-left-large: 5.76%;
  --width-medium: 100%;
  --spacing-right-medium: 1.92%;
  --spacing-left-medium: 1.92%;
  --width-small: 100%;
  --spacing-right-small: 1.92%;
  --spacing-left-small: 1.92%;
}

.s41 {
  --background-position: left top !important;
  --border-sizes-top: 0px !important;
  --border-sizes-bottom: 0px !important;
  --border-sizes-left: 0px !important;
  --border-sizes-right: 0px !important;
  --border-radius-top-left: 0px !important;
  --border-radius-top-right: 0px !important;
  --border-radius-bottom-right: 0px !important;
  --border-radius-bottom-left: 0px !important;
  --padding-top: 100px !important;
  --padding-bottom: 100px !important;
  --background-image: url("../images/parallax.jpg") !important;
  --background-size: cover !important;
  --flex-wrap: wrap !important;
}

.s42 {
  color: #ffffff;
}

.s43 {
  color: #b5230a;
  font-size: 20px;
}