/*-------------------
This theme uses Bootstrap v5.1.

It is highly recommended to check out Bootstrap's guiding principles,
strategies, and techniques at https://getbootstrap.com/docs/5.1/extend/approach/
before adding custom styling.

To learn more about Bootstrap v5.1, please check
out https://getbootstrap.com/docs/5.1/getting-started/introduction/.
/*-------------------*/

/*-------------------*/
/* GENERAL */
/*-------------------*/
body {
  text-align: unset !important;
  margin: 0 !important;
  font-size: 16px !important;
}
.btn.primary:not(.btn.rounded-pill), .btn.secondary:not(.btn.rounded-pill) {
  border-radius: 5px;
  padding: 6px 15px;
}
/*-------------------*/
/* TOP NAV */
/*-------------------*/
.navbar-container .nav-item {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  padding: 5px 0;
}
.navbar-container .nav-item button,
.navbar-container ul.nav > li > a,
.navbar-container ul.nav > li > a:hover,
.navbar-container ul.nav > li > a:focus {
  color: #fff;
  font-size: 16px;
}
.navbar-container ul.nav > li.points-balance a {
  font-weight: bold;
  margin-right: 6px;
  background-color: #dd9e1d;
  padding: 4px 12px !important;
  border-radius: 4px;
}
.navbar-container svg, .navbar-container ul.nav > li > a > svg {
  fill: #fff;
  height: 18px;
  stroke: #fff;
  stroke-width: 3px;
}
.navbar-container ul.nav > li > a > svg,
.navbar-container ul.nav > li > a:hover > svg,
.navbar-container ul.nav > li > a:focus > svg {
  fill: none;
  height: 26px;
  stroke: #fff;
}
.navbar-container .nav-item button:focus {
  box-shadow: none;
}
.header-icons .btn {
  text-transform: uppercase;
  font-weight: 500;
}
.header-icons .btn:hover {
  color: #ca890a;
}
/*-------------------*/
/* HEADER */
/*-------------------*/

.header-links.categories.pages {
  justify-content: center;
}
.header-container .header-links li > a:hover {
  color: #ca890a;
}
.header-icons > a svg, .header-icons button svg {
  height: 18px;
  stroke: none;
}
.header-icons > a:hover svg, .header-icons button:hover svg {
  fill: #ca890a;
}
/*-------------------*/
/* CATEGORY NAV */
/*-------------------*/

/*-------------------*/
/* CONTENT */
/*-------------------*/
#website_user_username {
  pointer-events: none;
}
#formContainer #container {
  width: 100%;
  background: none;
  border: none;
  box-shadow: none;
}
.activate_account {
  display: none;
}
.activate_account.show {
  display: block;
}
.form-submit-success {
  margin: 20px;
  text-align: center;
  background-color: #f5ffeb;
  padding: 15px;
  font-weight: bold;
  border: 2px solid #73a230;
}
.wufoo .info h2 {
  display: none;
}
.wufoo .info div {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.wufoo li {
  width: 100% !important;
}
.wufoo .section h3 {
  font-size: 20px;
  font-weight: bold;
}
form.wufoo li div label, form.wufoo li span label {
  width: calc(100% - 22px) !important;
}
#title403 {
  font-size: 24px;
  margin: 0px 0 15px;
}
form.wufoo li div li > span {
  font-size: 18px;
  margin-bottom: 10px !important;
  display: inline-block !important;
  font-weight: bold;
}
#formContainer #container #logo {
  display: none;
}
#title512 {
  display: none;
}
.wufoo .info#header {
  display: none;
}
.wufoo .info h2 {
  font-weight: bold;
}
form.wufoo br {
  display: none;
}
form.wufoo {
  font-size: 16px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  /*max-height: 500px;
  overflow: auto;
  padding: 20px 25px 30px !important;
  border: 1px solid #e4e4e4;
  border-bottom: 5px solid #e4e4e4;*/
  margin: 20px 0 10px 0 !important;
}
form.wufoo > ul {
  background-color: #fff;
}
.wufoo .section div {
  font-size: 16px !important;
  padding: 0;
}
.wufoo .section h3 {
  padding: 4px 0px 8px 0 !important;
}
form.wufoo li {
  padding: 10px 0 !important;
}
form.wufoo section ul {
  list-style-type: disc;
  margin-bottom: 20px;
}
.wufoo section li {
  padding: 5px 0 4px 24px;
}
.wufoo li.focused {
  background-color: #fff !important;
}
.wufoo section ul > li {
  padding: 0 0 0 25px !important;
}
.wufoo section ul > li::before {
  background-color: #444;
  width: 5px;
  height: 5px;
  content: "";
  position: absolute;
  border-radius: 5px;
  top: 10px;
  left: 10px;
}
.wufoo section ul > li::marker {
  content: none;
}
.wufoo legend.desc {
  position: absolute;
  font-size: 20px !important;
  top: 2px;
  width: 10px;
}
form.wufoo li div span.subfield {
  padding-left: 14px;
}
form.wufoo li.buttons input {
  margin-right: 5px;
  border-color: #ca890a;
  background: #ca890a;
  color: #fff;
  text-decoration: none;
  border-style: none;
  font-size: 16px;
  padding: 12px 25px;
  margin-top: 10px;
  cursor: pointer;
}
.recaptcha-text {
  display: none;
}
form.wufoo span.req {
  position: absolute;
  font-size: 20px !important;
  top: 2px;
  left: 0;
}
.wufoo input.text {
  padding: 10px;
  border: 1px solid #d0cfcf !important;
  box-shadow: none;
  background-image: none !important;
  width: 100%;
  pointer-events: none;
  background-color: #eee !important;
}
/*
.wufoo label.desc {
  margin-left: 12px;
}
*/
.wufoo input.text:focus {
  border: 1px solid #ca890a;
  box-shadow: none;
  outline: none;
}
.wufoo li.term legend {
  color: transparent !important;
  overflow: hidden;
}
.wufoo section li div, form li.section li div {
  margin-bottom: 10px !important;
}
.wufoo section li div strong {
  margin-right: 3px;
}
form.wufoo li div a, form li div a span {
  color: #a87510;
  display: inline-block;
}
form.wufoo ol li {
  padding: 5px 0 !important;
}
#fo336li508 {
  margin-bottom: 12px;
}
form.wufoo li.error {
  background-color: transparent !important;
}
form.wufoo li.error .desc {
  color: #333 !important;
}
form.wufoo li.term.error .desc {
  color: transparent !important;
}
form li.error p.error {
  font-size: 13px;
  font-weight: normal;
  width: 125px;
  height: 23px;
  overflow: hidden;
  line-height: 15px !important;
  vertical-align: top;
  display: inline-block;
}
/*-------------------*/
/* PRODUCT THUMBS */
/*-------------------*/
.product-thumbnail {
  padding: 16px 15px;
  border-radius: 16px !important;
}
.product-thumbnail .thumbnail-img-container {
  overflow: hidden;
  border-radius: 8px !important;
}
.thumbnail-description-container {
  padding: 1rem 14px 0 !important;
}
.product-thumbnail .thumbnail-description-container a h5 {
  font-size: 18px;
}
/*-------------------*/
/* PRODUCT */
/*-------------------*/
.product-page-main .main-img-container {
  min-height: 592px;
  max-height: 592px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  background-color: #f7f4ed !important;
  padding: 20px;
  border-color: transparent;
}
.product-page-main .images-wrapper ul li {
  border-color: transparent;
  overflow: hidden;
  border-radius: 10px;
}
.product-page-main .main-img-container img {
  max-height: 650px;
  margin: auto;
}
.lightbox .btn-close {
  background-color: #ca890a !important;
  opacity: 1;
}
.lightbox .modal-content {
  padding: 40px;
  background-color: #fff !important;
}
.lightbox .modal-content .ratio {
  background-color: #fff !important;
}

/*-------------------*/
/* CART/CHECKOUT */
/*-------------------*/
.billing-account-balance {
  display: none;
}
/*-------------------*/
/* FOOTER */
/*-------------------*/
.footer-container {
  border: none;
}
.footer-container .wrapper {
  padding: 64px 0 44px !important;
}
.footer-categories, .footer-custom-links, .footer-pages {
  padding-left: 8rem !important;
}
.footer-container h1, .footer-container h2, .footer-container h3, .footer-container h4, .footer-container h5, .footer-container h6 {
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 26px;
}
.footer-container .links.categories li:last-of-type {
  display: none;
}
.footer-container ul li a {
  padding: 8px 0px !important;
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
}
.footer-container .links.pages li a {
  margin: 0 !important;
  padding: 10px 0px !important;
}
.footer-container p {
  padding: 0 !important;
  margin: 0;
  text-align: left;
}
.footer-container .footer-copyright h4 {
  text-align: right;
}
.footer-container .copyright-section .links.pages {
  flex-direction: row !important;
  justify-content: center;
}
.footer-site-info > div {
  margin-bottom: 3rem;
}
.footer-site-info > a {
  border: 2px solid #FFF;
  padding: 12px 35px 15px;
  display: inline-block;
  border-radius: 5px;
  font-size: 17px;
  margin: 30px 0;
}
.footer-site-info > a:hover {
  color: #ca890a;
  border-color: #ca890a;
}
ul.social-media {
  margin: 4rem 20px 0;
}
.custom-footer-links {
  display: flex;
  flex-direction: column !important;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 !important;
}
.copyright-section {
  padding: 15px 0;
}
.footer-links > div {
  display: flex;
}
.footer-links > div ul {
  padding-right: 35px !important;
}
.custom-footer-links li a, .footer-links > div li a {
  padding: 10px 0px !important;
}
.footer-container .accordion-item {
  border: none;
}
.footer-container .accordion-body {
  padding: .5rem 1rem .5rem !important;
  border-bottom: 1px solid #6B665F;
}
#footer-accordion h2 {
  margin: 0;
}
#footer-accordion-nav-links div.accordion-body {
  padding: 0;
}
#footer-accordion-categories-heading button, #footer-accordion-nav-heading button, #footer-accordion-custom-heading button {
  padding: 10px 0 !important;
  border-bottom: 1px solid #6B665F;
  border-radius: 0;
}
.copyright-section {
  padding: 15px 0;
  text-align: center;
}
.copyright-section a {
  padding: 10px 15px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}
.quick-actions-menu {
  background-color: #1A31A9;
}
/*-------------------*/
/* MEDIA QUERIES */
/*-------------------*/
@media screen and (min-width: 661px){

}
@media screen and (max-width: 1400px) {
  .footer-categories, .footer-custom-links, .footer-pages {
    padding-left: 3rem !important;
  }
}
@media screen and (min-width: 992px){
  .logo-container {
    margin-right: 30px;
  }
}
@media screen and (max-width: 991.99px){
  .footer-navigation {
    border: none;
    padding: 0 !important;
  }
  .footer-site-info > div {
    margin-bottom: 1rem;
  }
  ul.social-media {
    flex-direction: row;
    margin-left: 0;
    gap: 6px;
    margin-top: 5px;
  }
}

@media screen and (max-width: 660px){

}

@media screen and (max-width: 340px){

}