@charset "UTF-8";
/**
 * Base styles for the site.  These styles are used on ever page on the site.
 */
:root {
  /*Colors*/
  --color-blue: #20409a;
  /*rgb(32, 64, 154); hsl(224, 66%, 36%)*/
  --color-dark-blue: #2e4663;
  /*rgb(255, 123, 0); hsl(29, 100%, 50%)*/
  --color-green: #125925;
  /*rgb(18, 89, 37); hsl(136, 66%, 21%)*/
  --color-green-logo: #2e3d32;
  /*rgb(46, 61, 50); hsl(136, 14%, 21%)*/
  --color-red: #981f21;
  /*rgb(152, 31, 33); hsl(359, 66%, 36%)*/
  --color-light-blue: hsl(244,20%,65%);
  --color-black: #000000;
  /*rgb(251, 176, 59); hsl(37, 96%, 61%)*/
  --color-charcoal: #292826;
  /*rgb(251, 176, 59); hsl(37, 96%, 61%)*/
  --color-gray: #7d7d7d;
  /*rgb(251, 176, 59); hsl(37, 96%, 61%)*/
  --color-gold: hsl(40, 100%, 50%);
  /*rgb(251, 176, 59); hsl(37, 96%, 61%)*/
  --color-red: #EF1D1C;
  /*rgb(251, 176, 59); hsl(37, 96%, 61%)*/
  --color-tan: #E6D29E;
  /*rgb(251, 176, 59); hsl(37, 96%, 61%)*/
  --color-yellow: #FFD700;
  /*rgb(251, 176, 59); hsl(37, 96%, 61%)*/
  --color-white: #ffffff;
  /*rgb(251, 176, 59); hsl(37, 96%, 61%)*/
  /*End Colors*/
  --background-overlay-dark:hsla(0,0%,0%,.25);
  --background-overlay-light:hsla(0,0%,100%,.65);
  /*Template Settings*/
  --color-primary: var(--color-blue);
  --font-color-primary-light: white;
  --font-size: 16px;
  --font-size-multiplier: 1.06;
  /** Borders **/
  --border-primary: 2px solid var(--color-blue);
  --border-primary-radius: 1rem;
  /** End Borders **/
  /*End Template Settings*/
  --content-width: 1366px;
  /*Primary Menu*/
  --menu-primary-icon-color: var(--color-blue);
  --menu-primary-menu-background: white;
  --menu-primary-header-background: white;
  --menu-primary-0-border-color: var(--color-gold);
  --menu-primary-0-color: hsl(0,0%,23%);
  --menu-primary-0-divider-color: var(--color-gold);
  --menu-primary-0-font-size: 1.1rem;
  --menu-primary-0-font-weight: 700;
  --menu-primary-1-color: var(--color-blue);
  --menu-primary-1-font-size: 1rem;
  --menu-primary-1-font-weight: 400;
  /*Primary Menu Mobile*/
  --menu-primary-mobile-background: #006;
  --menu-primary-mobile-icon-color: white;
  /*Main Section*/
  /**Font**/
  --main-font-color: var(--color-charcoal);
  --main-heading-font-color: var(--color-blue);
  /**End Fonts**/
  /*End Main Section*/
  /*Settings*/
  --content-padding:2rem;
  --content-width:1366px;
  --header-top-background: var(--color-charcoal);
  --header-top-color: white;
  --header-top-font-size: .9rem;
  --header-background:url("../../assets/backgrounds/background-header.jpg") top center / cover no-repeat;
  --header-background-color: var(--color-dark-blue);
  --navigation-main-background: var(--color-yellow);
  --navigation-main-color: var(--color-charcoal);
  --navigation-main-font-size: scaleS(1.1, "rem");
  --navigation-main-hover-background: var(--color-charcoal);
  --navigation-main-hover-color: var(--color-white);
  --navigation-main-hover-font-size: scaleS(1.15, "rem");
  --main-background: hsl(40, 100%, 99%);
  --footer-background: var(--color-charcoal);
  --footer-color: white;
  /*End Settings*/
  --z-index-top:999999;
}

/**
* Absolute Styles:
* Styles that apply to all content in this section go here.
*/
/*change box sizing to include width, padding, border in width property*/
html *,
html *::before,
html *::after {
  -ms-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
html body {
  background: var(--main-background);
  color: var(--font-color);
  font-family: var(--font-family);
  font-size: 14.5px;
  /*18px for largest font size*/
}
html body a, html body a:visited {
  color: var(--color-blue);
  transition: all 0.3s ease-out;
}
html body a:hover, html body a:active, html body a:focus {
  color: var(--color-red);
}
html body a[target=_blank] {
  align-items: flex-start;
  display: inline-flex;
  justify-content: flex-start;
}
html body a[target=_blank]::after {
  content: " ";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  margin-left: 0.25rem;
  font-size: 14px;
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
  font-variant: small-caps;
}
html body td, html body th {
  padding: 0.5rem;
  vertical-align: top;
}
html body .contained {
  margin: 0 auto;
  max-width: var(--content-width);
  padding: 0 var(--content-padding);
  width: 100%;
}

.button,
.button:visited,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 2px solid black;
  border-radius: 100rem;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: max(16px, 0.9090909091rem);
  padding: 0.6209213231rem 1rem;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.button:hover, .button:focus, .button:active,
.button:visited:hover,
.button:visited:focus,
.button:visited:active,
button:hover,
button:focus,
button:active,
input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=reset]:active,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active {
  background: white;
  text-shadow: none;
}
.button.primary,
.button:visited.primary,
button.primary,
input[type=button].primary,
input[type=reset].primary,
input[type=submit].primary {
  background: var(--color-teal);
  color: white;
}
.button.primary:hover,
.button:visited.primary:hover,
button.primary:hover,
input[type=button].primary:hover,
input[type=reset].primary:hover,
input[type=submit].primary:hover {
  background: white;
  color: var(--color-teal);
}
.button.secondary,
.button:visited.secondary,
button.secondary,
input[type=button].secondary,
input[type=reset].secondary,
input[type=submit].secondary {
  background: white;
  color: var(--color-teal);
}
.button.secondary:hover,
.button:visited.secondary:hover,
button.secondary:hover,
input[type=button].secondary:hover,
input[type=reset].secondary:hover,
input[type=submit].secondary:hover {
  background: hsla(var(--color-teal-hsl), 0.2);
}

button.noStyle {
  border: none;
  color: initial;
  display: inline-block;
  font-size: initial;
  padding: 0;
  text-align: initial;
}

/* Buttons */
.button, .button.primary,
.button:visited,
.button:visited.primary,
button,
button.primary,
input[type=button],
input[type=button].primary,
input[type=reset],
input[type=reset].primary,
input[type=submit],
input[type=submit].primary {
  background: var(--color-blue);
  border-color: var(--color-blue);
}
.button:hover, .button:focus, .button:active, .button.primary:hover, .button.primary:focus, .button.primary:active,
.button:visited:hover,
.button:visited:focus,
.button:visited:active,
.button:visited.primary:hover,
.button:visited.primary:focus,
.button:visited.primary:active,
button:hover,
button:focus,
button:active,
button.primary:hover,
button.primary:focus,
button.primary:active,
input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
input[type=button].primary:hover,
input[type=button].primary:focus,
input[type=button].primary:active,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=reset]:active,
input[type=reset].primary:hover,
input[type=reset].primary:focus,
input[type=reset].primary:active,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active,
input[type=submit].primary:hover,
input[type=submit].primary:focus,
input[type=submit].primary:active {
  background: white;
  color: var(--color-blue);
}
.button.blue,
.button:visited.blue,
button.blue,
input[type=button].blue,
input[type=reset].blue,
input[type=submit].blue {
  background: var(--color-blue);
  border-color: var(--color-blue);
}
.button.blue:hover, .button.blue:focus, .button.blue:active,
.button:visited.blue:hover,
.button:visited.blue:focus,
.button:visited.blue:active,
button.blue:hover,
button.blue:focus,
button.blue:active,
input[type=button].blue:hover,
input[type=button].blue:focus,
input[type=button].blue:active,
input[type=reset].blue:hover,
input[type=reset].blue:focus,
input[type=reset].blue:active,
input[type=submit].blue:hover,
input[type=submit].blue:focus,
input[type=submit].blue:active {
  background: white;
  color: var(--color-blue);
}
.button.green,
.button:visited.green,
button.green,
input[type=button].green,
input[type=reset].green,
input[type=submit].green {
  background: var(--color-green);
  border-color: var(--color-green);
}
.button.green:hover, .button.green:focus, .button.green:active,
.button:visited.green:hover,
.button:visited.green:focus,
.button:visited.green:active,
button.green:hover,
button.green:focus,
button.green:active,
input[type=button].green:hover,
input[type=button].green:focus,
input[type=button].green:active,
input[type=reset].green:hover,
input[type=reset].green:focus,
input[type=reset].green:active,
input[type=submit].green:hover,
input[type=submit].green:focus,
input[type=submit].green:active {
  background: white;
  color: var(--color-green);
}
.button.gold,
.button:visited.gold,
button.gold,
input[type=button].gold,
input[type=reset].gold,
input[type=submit].gold {
  background: var(--color-gold);
  border-color: var(--color-gold);
}
.button.gold:hover, .button.gold:focus, .button.gold:active,
.button:visited.gold:hover,
.button:visited.gold:focus,
.button:visited.gold:active,
button.gold:hover,
button.gold:focus,
button.gold:active,
input[type=button].gold:hover,
input[type=button].gold:focus,
input[type=button].gold:active,
input[type=reset].gold:hover,
input[type=reset].gold:focus,
input[type=reset].gold:active,
input[type=submit].gold:hover,
input[type=submit].gold:focus,
input[type=submit].gold:active {
  background: white;
  color: var(--color-gold);
}
.button.red,
.button:visited.red,
button.red,
input[type=button].red,
input[type=reset].red,
input[type=submit].red {
  background: var(--color-red);
  border-color: var(--color-red);
}
.button.red:hover, .button.red:focus, .button.red:active,
.button:visited.red:hover,
.button:visited.red:focus,
.button:visited.red:active,
button.red:hover,
button.red:focus,
button.red:active,
input[type=button].red:hover,
input[type=button].red:focus,
input[type=button].red:active,
input[type=reset].red:hover,
input[type=reset].red:focus,
input[type=reset].red:active,
input[type=submit].red:hover,
input[type=submit].red:focus,
input[type=submit].red:active {
  background: white;
  color: var(--color-red);
}
.button.buttonBuy,
.button:visited.buttonBuy,
button.buttonBuy,
input[type=button].buttonBuy,
input[type=reset].buttonBuy,
input[type=submit].buttonBuy {
  background: #f9bc06;
  border-color: #f9bc06;
  color: #242424 !important;
  font-size: 0.91rem !important;
}
.button.buttonBuy:hover, .button.buttonBuy:focus, .button.buttonBuy:active,
.button:visited.buttonBuy:hover,
.button:visited.buttonBuy:focus,
.button:visited.buttonBuy:active,
button.buttonBuy:hover,
button.buttonBuy:focus,
button.buttonBuy:active,
input[type=button].buttonBuy:hover,
input[type=button].buttonBuy:focus,
input[type=button].buttonBuy:active,
input[type=reset].buttonBuy:hover,
input[type=reset].buttonBuy:focus,
input[type=reset].buttonBuy:active,
input[type=submit].buttonBuy:hover,
input[type=submit].buttonBuy:focus,
input[type=submit].buttonBuy:active {
  background: white;
  color: #242424;
}

/* End Buttons */
/* Cards */
.card {
  border-bottom: 0.5rem solid var(--color-blue);
  border-top: 2px solid var(--color-gold);
}
.card:visited, .card:hover, .card:focus, .card:active {
  color: var(--main-font-color);
}

/* End Cards */
/* Rows */
.contentRow {
  width: 100%;
}
.contentRow.default {
  margin: auto;
  max-width: var(--content-width);
}

/* End Rows */
main img.inline {
  max-width: 100%;
}
main img.inline.left {
  margin: 0.5rem 1rem 0.5rem 0;
}
main img.inline.right {
  margin: 0.5rem 0 0.5rem 1rem;
}
main img.inline.top {
  margin-top: 0;
}
@media screen and (min-width: 481px) {
  main img.inline {
    max-width: 50%;
  }
}

html {
  /*font-size:15.33px /*18px for largest font size*/
}
@media screen and (max-width: 480px) {
  html {
    font-size: calc(var(--font-size) * 1);
  }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
  html {
    font-size: calc(var(--font-size) * var(--font-size-multiplier));
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  html {
    font-size: calc(var(--font-size) * var(--font-size-multiplier) * var(--font-size-multiplier));
  }
}
@media screen and (min-width: 1025px) {
  html {
    font-size: calc(var(--font-size) * var(--font-size-multiplier) * var(--font-size-multiplier) * var(--font-size-multiplier));
  }
}
@media screen and (max-width: 480px) {
  html body {
    font-size: calc(var(--font-size) * 1);
  }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
  html body {
    font-size: calc(var(--font-size) * var(--font-size-multiplier));
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  html body {
    font-size: calc(var(--font-size) * var(--font-size-multiplier) * var(--font-size-multiplier));
  }
}
@media screen and (min-width: 1025px) {
  html body {
    font-size: calc(var(--font-size) * var(--font-size-multiplier) * var(--font-size-multiplier) * var(--font-size-multiplier));
  }
}
@media screen and (max-width: 480px) {
  html body h1 {
    font-size: calc(1.6rem + .6rem / 4 * 1);
  }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
  html body h1 {
    font-size: calc(1.6rem + .6rem / 4 * 2);
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  html body h1 {
    font-size: calc(1.6rem + .6rem / 4 * 3);
  }
}
@media screen and (min-width: 1025px) {
  html body h1 {
    font-size: calc(1.6rem + .6rem / 4 * 4);
  }
}
@media screen and (max-width: 480px) {
  html body h2 {
    font-size: calc(1.5rem + .5rem / 4 * 1);
  }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
  html body h2 {
    font-size: calc(1.5rem + .5rem / 4 * 2);
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  html body h2 {
    font-size: calc(1.5rem + .5rem / 4 * 3);
  }
}
@media screen and (min-width: 1025px) {
  html body h2 {
    font-size: calc(1.5rem + .5rem / 4 * 4);
  }
}
@media screen and (max-width: 480px) {
  html body h3 {
    font-size: calc(1.4rem + .4rem / 4 * 1);
  }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
  html body h3 {
    font-size: calc(1.4rem + .4rem / 4 * 2);
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  html body h3 {
    font-size: calc(1.4rem + .4rem / 4 * 3);
  }
}
@media screen and (min-width: 1025px) {
  html body h3 {
    font-size: calc(1.4rem + .4rem / 4 * 4);
  }
}
@media screen and (max-width: 480px) {
  html body h4 {
    font-size: calc(1.3rem + .3rem / 4 * 1);
  }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
  html body h4 {
    font-size: calc(1.3rem + .3rem / 4 * 2);
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  html body h4 {
    font-size: calc(1.3rem + .3rem / 4 * 3);
  }
}
@media screen and (min-width: 1025px) {
  html body h4 {
    font-size: calc(1.3rem + .3rem / 4 * 4);
  }
}
@media screen and (max-width: 480px) {
  html body h5 {
    font-size: calc(1.2rem + .2rem / 4 * 1);
  }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
  html body h5 {
    font-size: calc(1.2rem + .2rem / 4 * 2);
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  html body h5 {
    font-size: calc(1.2rem + .2rem / 4 * 3);
  }
}
@media screen and (min-width: 1025px) {
  html body h5 {
    font-size: calc(1.2rem + .2rem / 4 * 4);
  }
}
@media screen and (max-width: 480px) {
  html body h6 {
    font-size: calc(1.1rem + .1rem / 4 * 1);
  }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
  html body h6 {
    font-size: calc(1.1rem + .1rem / 4 * 2);
  }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
  html body h6 {
    font-size: calc(1.1rem + .1rem / 4 * 3);
  }
}
@media screen and (min-width: 1025px) {
  html body h6 {
    font-size: calc(1.1rem + .1rem / 4 * 4);
  }
}

/* Wordpress Overwrite */
body.woocommerce table.variations tr td select {
  height: auto;
  line-height: 1rem;
  padding: 0.5rem 1rem;
}
body .wp-element-button {
  border: 2px solid black;
  border-radius: 100rem;
  border-style: solid !important;
  border-width: 2px;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: max(16px, 0.9090909091rem) !important;
  padding: 0.6209213231rem 1rem !important;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-out !important;
  background: var(--color-gold);
  border-color: var(--color-gold);
}
body .wp-element-button:hover, body .wp-element-button:focus, body .wp-element-button:active {
  background: white;
  text-shadow: none;
}
body .wp-element-button span {
  color: var(--color-black);
}
body .wp-element-button:hover, body .wp-element-button:focus, body .wp-element-button:active {
  background: white;
  color: var(--color-black);
}
body .wp-block-woocommerce-add-to-cart-form .variations_button > .quantity:not(.wc-block-components-quantity-selector) .qty,
body .wp-block-woocommerce-add-to-cart-form form.cart > .quantity:not(.wc-block-components-quantity-selector) .qty {
  height: auto;
  line-height: 1rem;
  padding: 0.5rem 1rem;
  width: 6rem;
}

.woocommerce .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
  max-width: none;
}

/* End Wordpress Overwrite */
/* NextGEN Gallery Overwrite */
main .ngg-breadcrumbs {
  font-size: 1rem;
  margin: 0 auto !important;
  text-transform: none;
}

main .ngg-albumoverview.default-view {
  max-width: none;
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.5rem;
}
main .ngg-albumoverview.default-view > *,
main .ngg-albumoverview.default-view > .ngg-album-compact {
  border: none;
  box-shadow: none;
  flex: 1 1 325px;
  margin: 0 !important;
  max-width: 400px;
  padding: 0 !important;
  width: 100%;
}
main .ngg-albumoverview.default-view > * .ngg-album-compactbox,
main .ngg-albumoverview.default-view > .ngg-album-compact .ngg-album-compactbox {
  padding: 0 !important;
}
main .ngg-albumoverview.default-view > * .ngg-album-compactbox img,
main .ngg-albumoverview.default-view > .ngg-album-compact .ngg-album-compactbox img {
  width: 100%;
}

main .ngg-galleryoverview.default-view {
  max-width: none;
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.5rem;
}
main .ngg-galleryoverview.default-view > br {
  display: none;
}
main .ngg-galleryoverview.default-view > * {
  flex: 1 1 325px;
  max-width: 400px;
  width: 100%;
}
main .ngg-galleryoverview.default-view > * .ngg-gallery-thumbnail a {
  margin: 0;
}
main .ngg-galleryoverview.default-view > * .ngg-gallery-thumbnail a img {
  width: 100%;
}
main .ngg-galleryoverview.default-view > * .ngg-gallery-thumbnail a .order-number {
  position: absolute;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  font-size: 1rem;
  width: 100%;
  inset: auto 0 0;
}

#TB_window #TB_caption {
  float: none;
  height: auto;
  padding: 0;
  width: 100%;
}
#TB_window #TB_caption #TB_secondLine {
  float: none;
  text-align: center;
}
#TB_window #TB_caption #TB_secondLine #TB_next,
#TB_window #TB_caption #TB_secondLine #TB_prev {
  background-color: rgba(255, 255, 255, 0.77);
  border: 1px solid #666;
  border-radius: 100rem;
  padding: 0.25rem;
  position: fixed;
  top: 50%;
  transition: all 0.3s ease-out;
}
#TB_window #TB_caption #TB_secondLine #TB_next:hover,
#TB_window #TB_caption #TB_secondLine #TB_prev:hover {
  background: #dbdbdb;
}
#TB_window #TB_caption #TB_secondLine #TB_next {
  right: 1rem;
}
#TB_window #TB_caption #TB_secondLine #TB_prev {
  order: -1;
  left: 1rem;
}
#TB_window #TB_caption #TB_secondLine a {
  text-decoration: none;
}
#TB_window #TB_closeWindow {
  height: auto;
  float: none;
  inset: 0 0 auto auto;
  padding: 0;
  position: absolute;
  transform: translate(5px, -5px);
}
#TB_window #TB_closeWindow button {
  background: white;
  border: 1px solid #666;
  border-radius: 100rem;
  transition: all 0.3s ease-out;
}
#TB_window #TB_closeWindow button .tb-close-icon {
  height: auto;
  line-height: normal;
  position: relative;
  width: auto;
}
#TB_window #TB_closeWindow button:hover {
  background: #dbdbdb;
}

/* End NextGEN Gallery Overwrite */
main > div:first-child:not(:has(.noMargin)) {
  -webkit-margin-before: 2rem !important;
          margin-block-start: 2rem !important;
  margin-top: 2rem;
}
/*# sourceMappingURL=global.css.map */