/*!
Theme Name: Duralight
Theme URI: https://ocupop.com/
Author: Ocupop
Description: Custom theme for Duralight created by Ocupop
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ocupop
Tags:

*/

/**
 * The line above injects the WordPress file header. It needs to be first,
 * before this comment.
 */

/**
 * This injects custom `@font-face` rules.
 */

/**
 * Custom `@font-face` rules
 *
 * These will be added immediately before Tailwind’s `base` layer.
 */

body{
  //font-family: 'Montserrat', sans-serif !important;
}

/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins, then adds custom base styles.
 */

/* @import "tailwindcss/base"; */

/*This causes issues because it could override or reset styles set in theme.json, instead, Load a custom reset file here so we have more control */

/**
 * Custom styles to immediately follow Tailwind’s `base` layer
 *
 * “Add things like base typography styles [or] opinionated global resets.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-base-styles
 */

/**
 * This uses the background and foreground colors declared in the
 * `theme.json` file and is applied both to the frontend and in the block
 * editor.
*/

html{
  height: 100%;
}

body{
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

body #page{
  display: flex;
  min-height: 100%;
  flex-direction: column;
  --tw-border-opacity: 1;
  border-color: rgb(221 100 34 / var(--tw-border-opacity));
}

body #page #content{
  flex: 1 1 0%;
}

ul{
  margin-left: 0px;
  padding-left: 0px;
}

blockquote{
  margin: 0px;
  padding: 0px;
}

section{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.wp-site-blocks > .wp-block-group:first-of-type{
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.container{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity));
}

.aligncenter,.alignleft,.alignright {
  display: block;
  padding: 0;
}

.aligncenter {
  float: none;
  margin: .5em auto 1em;
}

.alignright {
  float: right;
  margin: .5em 0 1em 1em;
}

.alignleft {
  float: left;
  margin: .5em 1em 1em 0;
}

.wp-caption {
  padding: 5px 0;
  border: 1px solid #555;
  background: #444;
  text-align: center;
}

.wp-caption img {
  display: inline;
}

.wp-caption p.wp-caption-text {
  margin: 5px 0 0;
  padding: 0;
  text-align: center;
  font-size: 75%;
  font-weight: 100;
  font-style: italic;
  color: #ddd;
}

/* Round the corners of hte image on the "Media and Text" block */

.wp-block-media-text__media img{
  border-radius:1rem;
}

#simplify-admin-nav-toggle{
  display: none;
}

/* h1, .h1{
  @apply text-4xl;
}
h2, .h2{
  @apply text-3xl;
}
h3m .h3{
  @apply text-2xl;
}
h4, .h4{
  @apply text-lg;
}
h5, .h5{
  @apply text-lg;
} */

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins, then adds custom component classes.
 *
 * The `@import-glob` line imports all CSS files from the `components`
 * directory (except for `components.css`, which is imported on the following
 * line). This is meant to simplify the process of integrating styles from
 * JavaScript components or WordPress plugins.
 */

.prose{
  color: var(--tw-prose-body);
}

.prose :where(p):not(:where([class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)){
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.prose :where(hr):not(:where([class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before{
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after{
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(figure > *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose :where(code):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"] *))::before{
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"] *))::after{
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"] *)){
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::before{
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::after{
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)){
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"] *)){
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"] *)){
  vertical-align: top;
}

.prose{
  --tw-prose-body: #404040;
  --tw-prose-headings: #171717;
  --tw-prose-lead: #525252;
  --tw-prose-links: #dd6422;
  --tw-prose-bold: #171717;
  --tw-prose-counters: #737373;
  --tw-prose-bullets: #d4d4d4;
  --tw-prose-hr: #e5e5e5;
  --tw-prose-quotes: #171717;
  --tw-prose-quote-borders: #e5e5e5;
  --tw-prose-captions: #737373;
  --tw-prose-code: #171717;
  --tw-prose-pre-code: #e5e5e5;
  --tw-prose-pre-bg: #262626;
  --tw-prose-th-borders: #d4d4d4;
  --tw-prose-td-borders: #e5e5e5;
  --tw-prose-invert-body: #d4d4d4;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #a3a3a3;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #a3a3a3;
  --tw-prose-invert-bullets: #525252;
  --tw-prose-invert-hr: #404040;
  --tw-prose-invert-quotes: #f5f5f5;
  --tw-prose-invert-quote-borders: #404040;
  --tw-prose-invert-captions: #a3a3a3;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d4d4d4;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #525252;
  --tw-prose-invert-td-borders: #404040;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(video):not(:where([class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(figure):not(:where([class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(li):not(:where([class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *)){
  padding-left: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"] *)){
  padding-left: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(hr + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)){
  padding-left: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)){
  padding-right: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)){
  padding-left: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)){
  padding-right: 0;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)){
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)){
  margin-bottom: 0;
}

.about-hero .wp-block-columns figure img{
  width: auto !important;
}

@media (max-width:781px){
  .about-hero .wp-block-columns{
    flex-wrap: wrap !important;
  }

  .about-hero .wp-block-column{
    width: 40% !important;
    flex-basis: auto !important;
  }

  .about-hero .wp-block-column:nth-child(2){
    border-style: none !important;
  }
}

@media (max-width:420px){
  .about-hero .wp-block-column{
    width: 100% !important;
    border-style: none !important;
  }
}

.gutena-accordion-block > .gutena-accordion-block__panel{
  border-top-width: 0px !important;
  border-right-width: 0px !important;
  border-left-width: 0px !important;
  border-bottom-width: 1px !important;
  border-style: solid !important;
}

/*
FORMAT YOUR ALERT HTML LIKE THIS:
<div class="alert warning">
  <div class="flex">
    <div class="icon">
      <svg >...</svg>
    </div>
    <div class="message">
      <h3 class="headline">There were 2 errors with your submission</h3>
      <div class="details">Enter your details here</div>
    </div>
  </div>
</div>
*/

.alert{
  border-radius: 0.375rem;
  padding: 1rem;
}

.alert .icon{
  flex-shrink: 0;
}

.alert .icon svg{
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
  color: inherit;
}

.alert .message{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.alert .headline{
  margin-left: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: inherit;
}

.w3eden .card .card-body .media .alert .headline a{
  font-family: 'Ubuntu',  sans-serif !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: inline-block;
  border-radius: 1.5rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(25 126 169 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.w3eden .card .card-body .media .alert .headline a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(35 31 32 / var(--tw-bg-opacity));
}

.alert .cta-buttons{
  margin-left: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: inherit;
}

.w3eden .card .card-body .media .alert .cta-buttons a{
  font-family: 'Ubuntu',  sans-serif !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: inline-block;
  border-radius: 1.5rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(25 126 169 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.w3eden .card .card-body .media .alert .cta-buttons a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(35 31 32 / var(--tw-bg-opacity));
}

.alert .cta-buttons .button-wrapper{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.375rem;
  margin-bottom: -0.375rem;
  display: flex;
}

.alert .cta-buttons .button-wrapper button{
  /* This would need some work so that the buttons match the container colors */
  margin-right: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity))
}

.alert .cta-buttons .button-wrapper button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.alert .cta-buttons .button-wrapper button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #f0fdf4;
}

.alert .details{
  margin-left: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: inherit;
}

.w3eden .card .card-body .media .alert .details a{
  font-family: 'Ubuntu',  sans-serif !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: inline-block;
  border-radius: 1.5rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(25 126 169 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.w3eden .card .card-body .media .alert .details a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(35 31 32 / var(--tw-bg-opacity));
}

.alert .details ul{
  list-style-type: disc;
}

.alert .details ul > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.alert .details ul{
  padding-left: 1.25rem;
}

.alert.success{
  background-color: rgb(221 100 34 / .1);
  --tw-text-opacity: 1;
  color: rgb(221 100 34 / var(--tw-text-opacity));
}

.alert.has-border{
  border-radius: 0px;
  border-left-width: 4px;
}

@media (min-width: 900px){
  .application-list-block ul li:hover  {
    border-bottom-left-radius:3rem !important
  }
}

.application-list-block.application-list-archive ul{
  flex-wrap: wrap;
  gap: 0px;
}

.application-list-block.application-list-archive li{
  height: auto;
  width: 50%;
  padding: 0.5rem;
}

@media (min-width: 782px){
  .application-list-block.application-list-archive li{
    width: 33.333333%;
  }
}

.application-list-block.application-list-archive li a{
  position: relative;
  display: block;
}

.application-list-block.application-list-archive li a img{
}

.application-list-block.application-list-archive li a .title{
  display: flex;
  aspect-ratio: 1 / 1;
  align-items: flex-end;
  justify-content: center;
  padding: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

.badge{
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(180 180 179 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

.badge-lg{
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.badge-xl{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.badge-2xl{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.badge-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.badge-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(25 126 169 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.badge-primary.light{
  background-color: rgb(221 100 34 / 0.25);
  --tw-text-opacity: 1;
  color: rgb(221 100 34 / var(--tw-text-opacity));
}

.badge-secondary.light{
  background-color: rgb(25 126 169 / 0.25);
  --tw-text-opacity: 1;
  color: rgb(25 126 169 / var(--tw-text-opacity));
}

.wp-block-boldblocks-breadcrumb-block{
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

.wp-block-boldblocks-breadcrumb-block a{
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

.wp-block-boldblocks-breadcrumb-block.has-small-font-size{
  font-size:13px !important;
}

.browse-completed-projects{
  overflow: hidden;
}

.browse-completed-projects .nav-above .owl-nav{
  top: -6rem;
}

.browse-completed-projects .nav-above .owl-nav button span{
  margin: 0px;
}

.browse-completed-projects .owl-stage-outer{
  overflow: visible !important;
}

.browse-completed-projects .owl-item{
  opacity: 0.2;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.browse-completed-projects .owl-item.active{
  opacity: 1;
}

.browse-completed-projects .wp-block-heading{
  margin-bottom: 3rem !important;
  margin-right: auto !important;
}

@media (min-width: 640px){
  .browse-completed-projects .wp-block-heading{
    margin-bottom: 3rem !important;
    margin-right: 6rem !important;
  }
}

.browse-completed-projects .wp-block-heading{
  text-align: center;
}

@media (min-width: 640px){
  .browse-completed-projects .wp-block-heading{
    text-align: left;
  }
}

@media (max-width:639px){
  .browse-completed-projects .nav-above .owl-nav{
    transform:translateX(-50%);
    left: 50%;
    right: auto;
    top: -3rem;
  }
}

/*  OUTLINE BUTTON STYLE */

.wp-block-button.is-style-outline{
}

/*  TEXT-ONLY BUTTON STYLE */

.wp-block-button.is-style-text-only .wp-block-button__link{
  position: relative;
  border-radius: 0px;
  padding: 0px;
  font-family: 'Ubuntu',  sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.wp-block-button.is-style-text-only .wp-block-button__link:hover{
  color: inherit;
}

.wp-block-button.is-style-text-only .wp-block-button__link{
  background-color: transparent;
}

.wp-block-button.is-style-text-only .wp-block-button__link:hover{
  background-color: transparent;
}

.wp-block-button.is-style-text-only .wp-block-button__link{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.wp-block-button.is-style-text-only .wp-block-button__link::after{
  position: absolute;
  left: 0px;
  display: block;
  height: 0.5rem;
  width: 100%;
  border-bottom-width: 1px;
  --tw-content: '';
  content: var(--tw-content);
  border-bottom-style:solid;
  border-color:var(--wp--preset--color--contrast)!important;
  border-width:2px;
}

.wp-block-button.is-style-text-only .wp-block-button__link:hover{
  filter:brightness(0.5);
}

.wp-block-button.is-style-text-only .wp-block-button__link.has-brand-color::after{
  border-color:var(--wp--preset--color--brand) !important;
}

.wp-block-button.is-style-text-only .wp-block-button__link.has-primary-color::after{
  border-color:var(--wp--preset--color--primary) !important;
}

.wp-block-button.is-style-text-only .wp-block-button__link.has-secondary-color::after{
  border-color:var(--wp--preset--color--secondary) !important;
}

.wp-block-button.is-style-text-only .wp-block-button__link.has-base-color::after{
  border-color:var(--wp--preset--color--base) !important;
}

/*  TEXT-ONLY BUTTON STYLE */

.wp-block-button.is-style-rounded-corner .wp-block-button__link{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

/*  BUTTON SIZES */

/* NOTE: the size class could be applied to the button, or the button group */

/* .has-custom-font-size applies to ALL adjusted font sizes,
  but if a preset size (i.e. small, medium, large...) is set,
  it will also have the .has-[size]-font-size style which will override
  the .has-custom-font-size class
  */

.block-buttons.has-custom-font-size a,.wp-block-button.has-custom-font-size a{
}

.block-buttons.has-small-font-size a,.wp-block-button.has-small-font-size a{
}

.block-buttons.has-large-font-size a,.wp-block-button.has-large-font-size a{
}

.block-buttons.has-xlarge-font-size a,.wp-block-button.has-xlarge-font-size a{
}

.block-buttons.has-xxlarge-font-size a,.wp-block-button.has-xxlarge-font-size a{
}

.block-buttons.has-xxxlarge-font-size a,.wp-block-button.has-xxxlarge-font-size a{
}

.hand-picked-products-slider{
  position: relative;
}

.hand-picked-products-slider .owl-carousel{
  margin-left: 0px;
}

.hand-picked-products-slider .owl-loaded{
  position: relative;
  flex-wrap: nowrap;
}

.hand-picked-products-slider .owl-loaded .wc-block-grid__product{
  max-width: none;
}

.hand-picked-products-slider .owl-nav{
  top: -1.25rem !important;
}

.hand-picked-products-slider .wc-block-grid__products li{
  padding-right: 0px !important;
}

/* Move the nav buttons below on mobile */

@media (max-width: 781px){
  .hand-picked-products-slider{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .hand-picked-products-slider .owl-stage-outer{
    overflow: visible !important;
  }

  .hand-picked-products-slider .owl-stage{
    margin-top: 0px !important;
    margin-bottom: 3rem;
  }

  .hand-picked-products-slider .owl-nav{
    top: auto !important;
    bottom: 0px;
    left: 0px;
  }
}

.owl-carousel.nbr-items-1{
  display: flex !important;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 520px){
  .owl-carousel.nbr-items-2{
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 700px){
  .owl-carousel.nbr-items-3{
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 960px){
  .owl-carousel.nbr-items-4{
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }
}

/* ... DOTS NAVIGATION */

.owl-dots {
  /* .owl-dot{
    @apply bg-white border border-solid border-black  !important;
    @apply w-8 h-8 m-1 rounded-full bg-primary;
  }
  .owl-dot span {
    content: '&rarr;';
    transition: opacity .2s ease;
  } */
}

.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
  --tw-bg-opacity: 1;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity));
}

.owl-nav .owl-prev,.owl-nav .owl-next{
  /* @apply border border-solid border-[#707070] bg-transparent !important; */
  margin: 0.25rem;
  height: 2.5rem;
  width: 2.5rem;
  opacity: 0.5;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.owl-nav .owl-prev:hover,.owl-nav .owl-next:hover{
  opacity: 1;
}

.owl-nav .owl-prev span,.owl-nav .owl-next span{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-indent: 24rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.owl-nav .owl-next span{
  background-image:url(library/images/arrow_circle_right.svg);
}

.owl-nav .owl-prev span{
  background-image:url(library/images/arrow_circle_left.svg);
}

.nav-above{
  position: relative;
}

.nav-above .owl-nav{
  position: absolute;
  top: -4rem;
  margin-top: 0px;
}

.nav-right{
  position: relative;
}

.nav-right .owl-nav{
  position: absolute;
  right: -2rem;
}

.quantity{
  padding: 0px;
}

.quantity::before{
  display: none;
}

.woocommerce-message{
}

.wc-proceed-to-checkout a{
  display: inline-block !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.return-to-shop{
  margin-bottom: 8rem;
}

.return-to-shop .button, .return-to-shop .button:visited{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#add_payment_method #payment div.payment_box input.input-text,
#add_payment_method #payment div.payment_box textarea,
.woocommerce-cart #payment div.payment_box input.input-text,
.woocommerce-cart #payment div.payment_box textarea,
.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
  border-width: 1px !important;
  border-style: solid !important;
}

.woocommerce-page label{
  margin-bottom: 0px !important;
}

#ship-to-different-address label{
  margin-top: 0px;
  margin-bottom: 0px;
}

#ship-to-different-address br{
  display: none;
}

.wc-block-components-notice-banner:focus-visible {
  outline-color: pink;
}

.woocommerce-page table.shop_table{
  width: 100% !important;
}

.woocommerce-page table.shop_table .product-total,
  .woocommerce-page table.shop_table .cart-subtotal td,
  .woocommerce-page table.shop_table .tax-total td,
  .woocommerce-page table.shop_table .order-total td{
  width: auto !important;
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.woocommerce-page table.shop_table td[data-title="Shipping"]{
  max-width:400px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.woocommerce-page table.shop_table .product-total{
  width: 5rem;
}

.woocommerce-page table.shop_table tr.fee td{
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.card-shipping{
  margin-top: 0.75rem;
  margin-bottom: 2rem;
  --tw-border-opacity: 1;
  border-color: rgb(180 180 179 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.card-shipping .card-body{
  padding: 1rem;
  font-size: 0.75rem;
  max-height: 190px;
  overflow: auto;
}

.card-shipping .card-body h6{
  margin-top: 0px;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(221 100 34 / var(--tw-text-opacity));
}

/* Floating Cart */

.xt_woofc-body .xt_woofc-body-footer .button, .xt_woofc-body .xt_woofc-body-footer .wp-element-button {
  font-size: 1rem !important;
  padding: 0 0 !important;
  font-family: 'Ubuntu';
  display: inline-block !important;
  padding: 8px 10px !important;
}

/* Cart Page Cross Sells */

.cross-sells > ul{
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.cross-sells > ul::before{
  display: none !important;
}

.cross-sells li{
  float: none !important;
  width: 100% !important;
  padding-right: 0px !important;
  overflow: hidden;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  font-family: 'Open Sans',  sans-serif;
  /* min-width: 9rem;
    max-width: 13rem; */
  box-shadow:0px 3px 6px 0px rgba(0,0,0,0.29);
  transition:all 0.25s ease-out;
}

.cross-sells li:hover{
  border-bottom-left-radius:2.5rem !important;
}

.cross-sells li .woocommerce-LoopProduct-link{
  flex: 1 1 0%;
}

.cross-sells .woocommerce-loop-product__title,
  .cross-sells .price{
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.cross-sells .woocommerce-loop-product__title{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  display: flex;
  flex: 1 1 0%;
  align-items: flex-end;
  font-family: 'Open Sans',  sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

.cross-sells .price {
}

.cross-sells .wp-element-button{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(106 106 106 / var(--tw-bg-opacity));
  text-transform: capitalize;
  margin-bottom: 0px;
  border-radius: 0px;
  font-family: 'Open Sans',  sans-serif;
  letter-spacing: 0em;
  margin-top: 0px !important;
  height: auto !important;
  width: 100% !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  /* &.wp-block-read-more{
      width: 50% !important;
      float: left;
    }
    &.ajax_add_to_cart{
      width: 50% !important;
    } */
}

.cross-sells .wp-element-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity));
}

.cross-sells img{
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 2 / 1;
}

/* Product Detail Page Cross Sells */

.duralight-crosssell-block .crosssell-list{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.duralight-crosssell-block .product{
  min-width: 9rem;
  max-width: 13rem;
  box-shadow:0px 3px 6px 0px rgba(0,0,0,0.29);
}

.duralight-crosssell-block .wp-block-post-title a{
  font-family: 'Open Sans',  sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.story-categories{
  margin-top: 0px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.story-categories ul{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.story-categories ul li{
  margin-bottom:0rem;
}

.story-categories ul li a{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.story-categories ul li a:hover{
  --tw-text-opacity: 1;
  color: rgb(221 100 34 / var(--tw-text-opacity));
}

/* alternating columns */

.customer-story-excerpt-list li{
  margin-bottom: 4rem;
}

.customer-story-excerpt-list li:nth-child(even) .wp-block-columns{
  flex-direction: row-reverse;
}

.customer-story-excerpt .vertical-center-column{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.customer-story-excerpt .wp-block-post-excerpt__more-text a{
  position: relative;
  border-radius: 0px;
  padding: 0px;
  font-family: 'Ubuntu',  sans-serif;
  font-weight: 700;
  text-decoration-line: none;
  background-color: transparent;
}

.customer-story-excerpt .wp-block-post-excerpt__more-text a:hover{
  background-color: transparent;
}

.customer-story-excerpt .wp-block-post-excerpt__more-text a{
  --tw-text-opacity: 1;
  color: rgb(0 121 173 / var(--tw-text-opacity));
}

.customer-story-excerpt .wp-block-post-excerpt__more-text a:hover{
  --tw-text-opacity: 1;
  color: rgb(0 121 173 / var(--tw-text-opacity));
}

.customer-story-excerpt .wp-block-post-excerpt__more-text a{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-size:0.9em;
}

.customer-story-excerpt .wp-block-post-excerpt__more-text a::after{
  position: absolute;
  left: 0px;
  display: block;
  height: 0.25rem;
  width: 100%;
  border-bottom-width: 1px;
  --tw-content: '';
  content: var(--tw-content);
  border-bottom-style:solid;
  border-color:var(--wp--preset--color--secondary) !important;
  border-width:2px;
}

.customer-story-excerpt .wp-block-post-excerpt__more-text a:hover{
  filter: brightness(0.5);
}

.learn-more-accordion .wp-block-gutena-accordion-panel{
  width: 100%;
}

.learn-more-accordion .wp-block-term-description p{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.learn-more-accordion .wp-block-term-description p:first-child{
  margin-top: 0px;
}

.learn-more-accordion .wp-block-term-description p:last-child{
  margin-bottom: 0px;
}

.gutena-accordion-block__panel .gutena-accordion-block__panel-title{
  padding: 0px !important;
  padding-bottom: 1.5rem !important;
}

.gutena-accordion-block__panel .gutena-accordion-block__panel-content-inner{
  padding-left: 0px !important;
}

.gutena-accordion-block__panel .gutena-accordion-block__panel-title-inner .trigger-plus-minus{
  margin-left: 0px !important;
  width: auto !important;
  opacity: 0.75;
}

.gutena-accordion-block__panel .gutena-accordion-block__panel-title-inner .trigger-plus-minus:hover{
  opacity: 1;
}

.gutena-accordion-block__panel .gutena-accordion-block__panel-title-inner .trigger-plus-minus:before{
  background-image:url(library/images/add_circle.svg);
  --tw-content: '';
  content: var(--tw-content);
  height: 2rem;
  width: 2rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.gutena-accordion-block__panel .gutena-accordion-block__panel-title-inner .trigger-plus-minus div{
  display: none;
}

.page-id-49155 .gutena-accordion-block__panel-content-inner{
  max-width:50rem;
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

/* Mobile show/hide toggle */

.berocket_ajax_filters_toggle{
  display: block;
  overflow: hidden;
}

@media (min-width: 782px){
  .berocket_ajax_filters_toggle{
    display: none;
  }
}

.berocket_ajax_filters_toggle{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  width: auto !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(25 126 169 / var(--tw-bg-opacity)) !important;
  padding-right: 2rem !important;
  padding-left: 1rem !important;
  text-align: left !important;
  margin-left:calc(var(--wp--style--root--padding-left) * -1);
  margin-right:calc(var(--wp--style--root--padding-right) * -1);
}

.berocket_ajax_filters_toggle:before{
  display:none;
}

.berocket_ajax_filters_toggle span{
  left: auto !important;
  right: 0.75rem;
}

.berocket_element_above_products_is_hide{
  margin-top: 0px !important;
}

@media (min-width: 782px){
  .berocket_element_above_products_is_hide{
    display: block !important;
    border-radius: 0.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(247 247 247 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(252 252 252 / var(--tw-bg-opacity));
    padding: 0.5rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    --tw-shadow: 0px 0px 3px #00000029;
    --tw-shadow-colored: 0px 0px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

/* Single Filter */

.berocket_single_filter_widget .bapf_sfilter{
  margin-bottom: 0.75rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

.berocket_single_filter_widget .bapf_sfilter.bapf_ocolaps{
}

.berocket_single_filter_widget .bapf_sfilter.bapf_ccolaps{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(221 100 34 / var(--tw-border-opacity));
}

.berocket_single_filter_widget .bapf_divi_sfa{
  background-color: transparent;
}

.berocket_single_filter_widget .bapf_divi_sfa .bapf_head h3{
  margin-bottom: 0px;
  border-style: none;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

.berocket_single_filter_widget .bapf_divi_sfa .bapf_body{
  margin-top: 0px;
}

.berocket_single_filter_widget .bapf_divi_sfa .bapf_sfa_taxonomy li a,.berocket_single_filter_widget .bapf_divi_sfa .bapf_sfa_unall li a{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(112 112 112 / var(--tw-border-opacity));
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.berocket_single_filter_widget .bapf_colaps_smb{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(230 230 230 / var(--tw-bg-opacity));
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.berocket_single_filter_widget .bapf_hascolarr{
  margin-bottom: 0px;
  border-style: none;
  padding-bottom: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
  padding-right: 0px !important;
}

.berocket_single_filter_widget .bapf_hascolarr .bapf_colaps_smb{
  right: 0.4rem !important;
}

.berocket_single_filter_widget .bapf_hascolarr .bapf_desci{
  position: relative;
  margin-left: 0.5rem;
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(25 126 169 / var(--tw-bg-opacity));
  padding: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.berocket_single_filter_widget .bapf_body{
  margin-top: 0.75rem;
}

.berocket_single_filter_widget .bapf_body ul li{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.berocket_single_filter_widget .bapf_body ul li label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

/* Range Picker */

.divi_slider_class .bapf_slidr_all{
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.divi_slider_class .bapf_slidr_all .bapf_slidr_main.ui-slider .ui-slider-range{
  --tw-border-opacity: 1;
  border-color: rgb(35 31 32 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(35 31 32 / var(--tw-bg-opacity));
}

.divi_slider_class .bapf_slidr_all .bapf_slidr_main.ui-slider .ui-slider-handle {
  font-size: 0.7rem;
}

.divi_slider_class .bapf_slidr_all .bapf_slidr_main.ui-slider .ui-slider-handle::hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 70 5 / var(--tw-border-opacity));
}

.divi_slider_class .bapf_slidr_all .bapf_slidr_main.ui-slider .ui-slider-handle:focus-visible{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* Changing the text of the "SHOW FILTERS" toggle */

.berocket_ajax_filters_toggle{
  text-indent:-30rem;
}

.berocket_ajax_filters_toggle::after{
  margin-left:32rem;
  position:absolute;
  left:0;
  content: "Browse Filters"
}

/* Style the checkbox */

.divi_checkbox_class .divi_checkbox_class_item input[type=checkbox]:checked:before{
  border-bottom: 3px solid var(--wp--preset--color--secondary);
  border-left: 3px solid var(--wp--preset--color--secondary);
  transform: rotate(-42deg) skew(0deg,-10deg);
}

/* Sort dropdown, add padding to the right of the arrow */

.orderby{
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
  /* border-right: 0.5rem solid transparent !important; */
}

/* Remove unnecessary filters on the Install Accessories category page. */

.wp-site-blocks > footer.wp-block-template-part{
  margin-top: 0px;
  overflow: hidden;
}

.wp-site-blocks > footer.wp-block-template-part .logo-column{
  align-self: stretch !important;
}

.wp-site-blocks > footer.wp-block-template-part .logo-column .wp-block-duralight-column-to-edge{
  justify-content: center;
}

@media (min-width: 782px){
  .wp-site-blocks > footer.wp-block-template-part .logo-column .wp-block-duralight-column-to-edge{
    justify-content: flex-start;
  }
}

/* @apply flex items-center; */

@media (min-width: 782px){
  .wp-site-blocks > footer.wp-block-template-part .logo-column .wp-block-duralight-column-to-edge .content > .wp-block-group{
    padding-right: 2rem;
  }
}

.wp-site-blocks > footer.wp-block-template-part .logo-column .custom-logo-link img{
  width:15rem;
}

.wp-site-blocks > footer.wp-block-template-part .logo-column .have-any-questions a{
  text-decoration-line: none;
}

nav.footer-navigation{
  margin-top: 0px;
  padding-bottom: 2rem;
}

nav.footer-navigation a{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
}

nav.footer-navigation .wp-block-navigation__container{
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 3rem;
}

nav.footer-navigation .wp-block-navigation__container > .wp-block-navigation-item{
  display: flex;
  flex-direction: column;
  --tw-text-opacity: 1;
  color: rgb(209 70 5 / var(--tw-text-opacity));
  align-items: flex-start !important;
}

nav.footer-navigation .wp-block-navigation__container > .wp-block-navigation-item > a{
  font-size: 0.8rem;
  text-transform: uppercase;
  text-decoration-line: underline;
}

nav.footer-navigation .wp-block-navigation__submenu-container{
  visibility: visible !important;
  position: relative !important;
  display: flex !important;
  min-width: 0px !important;
  height: auto !important;
  width: auto !important;
  border-style: none !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

/* @apply columns-2 sm:columns-3 lg:columns-5; */

nav.footer-navigation .wp-block-navigation__submenu-container li a{
  text-decoration-line: none !important;
}

/* Stack sooner */

@media (max-width: 1000px){
  nav.footer-navigation .wp-block-navigation__container{
    justify-content: flex-start !important;
  }

  nav.footer-navigation .footer-columns:not(.is-not-stacked-on-mobile){
    width: auto;
    flex-direction: column;
  }

  nav.footer-navigation .footer-columns:not(.is-not-stacked-on-mobile) .wp-block-duralight-column-to-edge .bkg{
    left: calc(var(--wp--style--root--padding-left) * -1)!important;
    right: calc(var(--wp--style--root--padding-right) * -1)!important;
    transform:none !important;
    width:auto;
  }

  nav.footer-navigation .footer-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis:inherit !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

nav.footer-navigation .wp-block-site-logo img{
  width: 100% !important;
  max-width: 18rem;
}

nav.footer-navigation .logo-column{
  align-self:stretch !important;
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{
  min-width: 0px;
}

.with_frm_style {
  --field-pad: 0.75rem 0.75rem !important;
  --font-size: 1rem !important;
  --border-radius: 0.5rem !important;
  --label-padding: 0 0 5px 0 !important;
  font-family: 'Open Sans',  sans-serif !important;
}

.with_frm_style .frm_primary_label{
  font-family: Figtree,  sans-serif !important;
  font-weight: 400 !important;
}

.with_frm_style .frm_submit button{
  border-radius: 1.5rem !important;
  border-style: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(25 126 169 / var(--tw-bg-opacity)) !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  font-family: 'Ubuntu',  sans-serif !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  text-decoration-line: none !important;
}

.with_frm_style .frm_description{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.with_frm_style .frm_error{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.with_frm_style .frm_blank_field label{
  --tw-text-opacity: 1 !important;
  color: rgb(35 31 32 / var(--tw-text-opacity)) !important;
}

.with_frm_style .frm_submit{
  text-align: left !important;
}

/* Product Sorting Select */

form.woocommerce-ordering select{
  border-radius: 0.375rem;
  border-style: none;
  padding: 0.5rem;
  padding-right: 1.75rem;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}

/* add this class to the formidable "HTML" block to create a section heading*/

.section-heading{
  font-family: Figtree,  sans-serif !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 600 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(35 31 32 / var(--tw-text-opacity)) !important;
  margin-top: 3rem;
}

.section-heading.frm_first{
  margin-top: 0px;
}

.section-heading .required{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(102 102 102 / var(--tw-text-opacity)) !important;
  float: right;
  font-weight: 400;
}

select{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-repeat: no-repeat;
  background-position:right 0.3rem center;
  background-image:url(library/images/nav-caret.svg);
}

.frm_dropzone{
  max-width: none !important;
}

.frm_dropzone .dz-message{
  margin: 0px !important;
  padding: 0.5rem !important;
}

.frm_dropzone .frmsvg{
  margin-bottom: -0.5rem;
}

/* This class added to the block in the admin. Adds some right padding to the form on desktop */

@media (min-width: 782px){
  .pad-form-on-desktop{
    padding-right: 4rem;
  }
}

@media (min-width: 1024px){
  .pad-form-on-desktop{
    padding-right: 6rem;
  }
}

@media (min-width: 1280px){
  .pad-form-on-desktop{
    padding-right: 10rem;
  }
}

.product-select-section{
  background-color: #cccccc80;
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-bottom: 1.5rem !important;
}

.product-select-section h3{
  border-style: none !important;
  padding-top: 0px !important;
}

.product-select-section .frm_repeat_sec{
  margin-bottom: 0px !important;
}

.product-select-section .frm_repeat_sec .frm_form_field.frm_repeat_buttons a .frm-svg-icon{
  fill:#999 !important;
}

.product-select-section .frm_repeat_sec .frm_form_field.frm_repeat_buttons a:hover .frm-svg-icon{
  fill:#000 !important;
}

.product-select-section .frm_repeat_sec .error_msg{
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(209 70 5 / var(--tw-text-opacity));
}

select.skeleton, .skeleton{
  position:relative;
}

select.skeleton:before,.skeleton:before{
  height:2.7rem;
  width:100%;
  top:1.5rem;
  border-radius: 0.4rem;
  content:'';
  position:absolute;
  display: block;
  background-color: #777 !important;
  background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0) 80%
    ),
    gray;
  background-repeat: repeat-y;
  background-size: 50px 200px;
  background-position: -10% 0;
  animation: shine 1.5s infinite;
}

@keyframes shine {
  to {
    background-position: 110% 0;
  }
}

.wp-site-blocks > header {
  z-index:9999;
}

.wp-site-blocks > header .header-top-row .wp-block-site-logo .custom-logo-link{
  width: 12.5rem;
}

.wp-site-blocks > header .header-top-row .aws-container{
  margin-left: 2rem;
  margin-right: 1rem;
  flex: 1 1 0%;
}

/* Show/Hide search bar on mobile (dropdown menu) vs. desktop (in header) */

@media (max-width:619px){
  .wp-site-blocks > header .header-top-row .aws-container{
    display: none;
  }
}

@media (min-width:620px){
  .megamenu-container .menu-item-advanced-woo-search_search-block{
    display: none;
  }
}

/* END Show/Hide search bar */

/* MOBILE ONLY */

@media (max-width:899px){
  .wp-site-blocks > header .header-top-row .aws-container{
    padding-right: 2rem;
  }

  .wp-site-blocks > header{
    margin-top: 0px !important;
    transform: none !important;
  }

  .wp-site-blocks > header .header-top-row .wp-block-site-logo .custom-logo-link{
    width: 8rem;
  }

  .wp-site-blocks > header .header-top-row .wp-block-navigation{
    display: none;
  }
}

/* DESKTOP ONLY */

/* BEGIN Sticky Header styles */

@media (min-width:900px){
  :root {
    --header-height: 8.5rem;
  }

  /* padding-top: var(--header-height);  */

  /* same as header height */

  body:not(.wp-admin):not(.block-editor-iframe__body) > .wp-site-blocks > header {
    height:var(--header-height);
    /* transform:translateY(-100%); */
    transition: all 0.5s ease-in-out;
    position: sticky;
    top: 0px;
    width: 100%;
    margin-top: 0px;
    /* This will be adjusted with javascript */
  }

  body:not(.wp-admin):not(.block-editor-iframe__body).admin-bar > .wp-site-blocks > header {
    top:32px;
  }
}

/* END Sticky Header styles */

/* Advanced Woo Search input */

.aws-container{
  flex: 1 1 0%;
}

.aws-container .aws-wrapper{
}

.aws-container input[type=search]{
  border-radius: 9999px !important;
  padding: 0.75rem !important;
  padding-left: 2.5rem !important;
}

@media (min-width: 782px){
  .aws-container input[type=search]{
    padding: 0.5rem !important;
    padding-left: 2.5rem !important;
  }
}

.aws-container input[type=search]{
  font-family: Figtree,  sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.aws-container .aws-search-btn{
  position: absolute !important;
  border-style: none !important;
  background-color: transparent !important;
  z-index: 10;
  height: 100%;
}

.aws-search-result .aws_result_item .aws_result_title{
  --tw-text-opacity: 1;
  color: rgb(0 121 173 / var(--tw-text-opacity));
}

.aws-search-result .aws_result_item .aws_result_stock{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}

/** Default Search Input */

/* .wp-block-search{
  @apply w-7/12;
} */

/* SEARCH FORM */

/* .wp-block-search{
  @apply py-2 px-4 w-auto max-w-[20rem];
  .wp-block-search__label{ display:none; }
  .wp-block-search__inside-wrapper {

    @apply relative border-none items-center;
    input[type=search]{
      @apply rounded-full ;
      @apply p-3 pl-10 md:p-2 md:pl-10 !important;
    }
    button[type=submit]{
      @apply absolute p-0 m-0 text-contrast bg-transparent w-8 h-8 rounded-full flex items-center justify-center;
      @apply transition-colors;
      @apply hover:bg-secondary bg-no-repeat bg-center indent-96 overflow-hidden;
      background-size:60%;
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"><path d="M 21 3 C 11.621094 3 4 10.621094 4 20 C 4 29.378906 11.621094 37 21 37 C 24.710938 37 28.140625 35.804688 30.9375 33.78125 L 44.09375 46.90625 L 46.90625 44.09375 L 33.90625 31.0625 C 36.460938 28.085938 38 24.222656 38 20 C 38 10.621094 30.378906 3 21 3 Z M 21 5 C 29.296875 5 36 11.703125 36 20 C 36 28.296875 29.296875 35 21 35 C 12.703125 35 6 28.296875 6 20 C 6 11.703125 12.703125 5 21 5 Z"/></svg>');
      svg{ display:none;}
    }
  }
} */

@media (max-width: 1080px) {
  .home-hero-columns{
    display: block;
  }

  .home-hero-columns .spacer-under-copy{
    display: none;
  }

  .home-hero-columns .wp-block-duralight-column-to-edge .bkg {
    width: 100vw;
    left: 50% !important;
    transform: translateX(-50%);
    height: inherit !important;
  }
}

.home-values-carousel{
  left: 0px;
  width: 100% !important;
  position: relative;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.home-values-carousel.owl-loaded{
  opacity: 1;
}

.home-values-carousel .value-block{
  margin-left: 0px !important;
  width: 66.6% !important;
}

.home-values-carousel .value-block .wp-block-columns .wp-block-column{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* percentage meter on bottom */

.home-values-carousel .owl-item.active .value-block{
  position: relative;
}

.home-values-carousel .owl-item.active .value-block::before, .home-values-carousel .owl-item.active .value-block::after{
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 0.5rem;
  --tw-content: '';
  content: var(--tw-content);
}

.home-values-carousel .owl-item.active .value-block::before{
  right:0;
  background-color: #FCD8A2;
}

.home-values-carousel .owl-item.active .value-block::after{
  width:0%;
  background-color: #F0A364;
  animation-name: progressbar;
  animation-duration: 8s;
}

@keyframes progressbar {
  from {
    width:0%;
  }

  to {
    width:100%;
  }
}

@media (min-width:1081px){
  .home-values-carousel{
    position: absolute;
    margin-top: -12rem;
  }
}

@media (max-width:1080px){
  .home-values-carousel{
    margin-left:calc(var(--wp--style--root--padding-left) * -1);
    margin-right:calc(var(--wp--style--root--padding-right) * -1);
    width: auto !important
  }

  .home-values-carousel .has-base-color{
    width: 100% !important;
    padding-left:var(--wp--style--root--padding-left) !important;
    padding-right:var(--wp--style--root--padding-right) !important;
  }

  .home-values-carousel .wp-block-columns{
    align-items: flex-start !important;
  }

  .home-values-carousel .wp-block-columns .wp-block-column:first-child{
    flex-basis: 3rem !important;
  }

  .home-values-carousel .wp-block-columns .wp-block-column:last-child{
    align-self: center;
    padding-bottom: 0px;
  }

  @media (max-width:400px){
    .home-values-carousel .wp-block-columns{
      flex-direction: column;
      align-items: center !important;
    }

    .home-values-carousel .wp-block-columns .wp-block-column:first-child figure{
      max-width: 4rem;;
    }
  }
}

/* Do not initially hide in the Wordpress block editor*/

.editor-styles-wrapper .home-values-carousel{
  opacity: 1;
}

.page-id-73 .wp-site-blocks > .entry-content{
  margin-top: 0px;
}

.my-account-content .woocommerce{
  display: flex;
}

.my-account-content .woocommerce-MyAccount-navigation{
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 233 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.my-account-content .woocommerce-MyAccount-content{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.nav-underline{
  pointer-events:none;
}

.megamenu-container{
  max-width: var(--wp--style--global--wide-size) !important;
}

.megamenu-container .menu-toggle{
  right: 1rem;
  margin-top: -2.75rem;
  height: 1.5rem;
  width: 1.5rem;
}

.megamenu-container .menu-toggle svg{
  height: 100%;
  width: 100%;
}

.megamenu-container .aws-container{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}

.megamenu-container .megamenu {
  max-width: var(--wp--style--global--wide-size) !important;
  top: 3px;
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
}

/* All Menus */

.megamenu-container .megamenu a{
  display: inline-block;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration-line: none;
}

.megamenu-container .megamenu .menu-carat{
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  vertical-align: middle;
  margin-left: -0.5rem;
  height: 100%;
  width: 1.5rem;
  background-image:url(library/images/nav-caret.svg);
}

.megamenu-container .megamenu .menu-carat::before{
  --tw-content: '';
  content: var(--tw-content);
}

.megamenu-container .megamenu ul li.open {
  background-color:#FFFFFF;
}

/* Top level menu */

.megamenu-container .megamenu ul.menu{
  font-size: 1.25rem;
  font-family:figtree;
  font-weight:600;
}

.megamenu-container .megamenu ul.menu > li > a:hover{
  color:var(--wp--preset--color--brand);
}

/* Sub-menus */

.megamenu-container .megamenu ul.sub-menu{
  font-family: Figtree,  sans-serif;
  font-weight: 600;
  border-bottom-width: 1px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(35 31 32 / var(--tw-border-opacity));
  padding-bottom: 0.5rem;
}

.megamenu-container .megamenu ul.sub-menu li a{
  font-size: 1rem !important;
  display: flex !important;
  flex-direction: row !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.megamenu-container .megamenu ul.sub-menu li a:hover{
  color:var(--wp--preset--color--brand);
}

/* MOBILE NAV ONLY */

@media (max-width: 899px){
  .megamenu-container .megamenu{
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  }
}

/* DESKTOP! */

@media (min-width:900px){
  .megamenu-container{
    /* Sub-menus */
    /** Animate slide-down */
    /* END animate*/
  }

  .megamenu-container .megamenu ul.menu{
    font-size: 1rem;
  }

  .megamenu-container .megamenu ul.sub-menu{
    border-style: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .megamenu-container .megamenu{
    box-shadow: none;
  }

  .megamenu-container .megamenu .menu-carat{
    margin-left: 0.5rem;
    padding: 0px;
  }

  .megamenu-container .megamenu li:not(.has-full-width-submenu) .sub-menu__wrapper{
    margin-left: -3.5rem;
  }

  .megamenu-container .megamenu li:not(.has-full-width-submenu) .sub-menu__wrapper ul{
    max-width: var(--wp--style--global--wide-size);
  }

  .megamenu-container .megamenu .sub-menu__wrapper{
    background-color:transparent;
  }

  .megamenu-container .megamenu .sub-menu__wrapper:before{
    background-color:var(--wp--preset--color--light-gray);
  }

  .megamenu-container .megamenu .sub-menu__wrapper .sub-menu > li:not(.menu-item-with-injected-block){
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .megamenu-container .megamenu .sub-menu__wrapper .sub-menu > li:not(.menu-item-with-injected-block) a{
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    font-size: 0.9rem;
  }

  .megamenu-container ul.menu{
    display:flex;
    margin-left:-0.75rem;
    margin-right:-0.75rem;
  }

  .megamenu-container ul.menu > li:not(.hide-on-desktop-nav) {
    padding:0.3rem 0.75rem;
  }

  .megamenu-container ul.menu > li:not(.hide-on-desktop-nav) > a{
    padding:0.5rem 0;
  }

  .megamenu-container .sub-menu__wrapper{
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  }

  .megamenu-container li.has-full-width-submenu .sub-menu__wrapper{
    padding: 0px;
  }

  .megamenu-container li.has-full-width-submenu .sub-menu__wrapper .sub-menu{
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
  }

  .megamenu-container .menu > li{
    /* &:focus-within .sub-menu__wrapper, */
    /* &:hover .sub-menu__wrapper{
        opacity:1;
        pointer-events: auto;
        transform:translateY(100%);
        display:block !important;
      } */
  }

  .megamenu-container .menu > li .sub-menu__wrapper{
    /* display:block !important; */
    /* opacity:0;
        display:none !important; */
    /* pointer-events: none; */
    /* transform:translateY(0%);
        transition:all 0.25s ease-in-out; */
  }
}

@media (min-width:1070px){
  .megamenu-container ul.menu {
    margin-left:-1.6rem;
    margin-right:-1.6rem;
  }

  .megamenu-container ul.menu > li:not(.hide-on-desktop-nav) {
    padding:0.3rem 1.6rem;
  }
}

/* CATEGORY LIST */

nav .duralight-category-list-block ul li{
  margin: 0px;
}

nav .duralight-category-list-block ul li a .icon{
}

/* DESKTOP NAV ONLY */

@media (min-width: 900px){
  nav .duralight-category-list-block ul{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  nav .duralight-category-list-block ul li a{
    font-size: 0.9rem !important;
  }
}

/* MOBILE NAV ONLY */

@media (max-width: 899px){
  nav .duralight-category-list-block ul li a .icon{
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
    height: 1rem;
    width: 1rem;
  }

  nav .duralight-category-list-block li.all-products-link{
    display:none;
  }
}

/* APPLICATION LIST */

/* special consideration for injected blocks */

.megamenu-container .application-list-block ul{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 899px){
  .megamenu-container .application-list-block ul li{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.megamenu-container .application-list-block ul .title{
  font-size:inherit;
  text-shadow:none !important;
}

@media (min-width: 782px){
  .megamenu-container .application-list-block ul{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

@media (min-width: 1000px){
  .megamenu-container .application-list-block ul{
    grid-template-columns: repeat(7, minmax(0, 1fr))
  }
}

/** DESKTOP APPLICATION LIST */

@media (min-width:900px){
  .menu-item-duralight_application-list ul{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .menu-item-duralight_application-list ul li .the-link{
    padding: 0px !important;
    /* &:hover{
            color:#FFFFFF !important;
          } */
  }

  .menu-item-duralight_application-list ul li .title{
    padding: 1rem;
  }
}

/** MOBILE APPLICATION LIST */

@media (max-width:899px){
  .menu-item-duralight_application-list ul{
    display:block;
  }

  .menu-item-duralight_application-list ul li{
    padding:0;
    padding:0.5rem 1rem;
    height: auto;
  }

  .menu-item-duralight_application-list ul li img{
    display:none;
  }

  /* &.open .sub-menu__wrapper{display:block;} */

  .menu-item-duralight_application-list ul li .the-link{
    position: relative;
    height: auto;
    width: auto;
    justify-content: flex-start;
    padding-left: 0px;
    --tw-text-opacity: 1;
    color: rgb(35 31 32 / var(--tw-text-opacity));
    display: block !important;
    background-color: transparent !important;
  }

  .menu-item-duralight_application-list ul li .the-link .title{
    /* @apply align-left; */
    text-align:left;
  }

  .menu-item-duralight_application-list ul li .the-link .title:after{
    display: none;
  }

  .menu-item-duralight_application-list ul li .title{
    padding: 0px !important;
  }
}

/* MENU CARET */

/* a::before{
    content:'';
    border:1px solid red;
    @apply before:content-[''] inline-block w-3 h-3 bg-center bg-no-repeat bg-contain mr-1;
  } */

.has-contact-icon .wp-block-navigation-item__content,.has-account-icon .wp-block-navigation-item__content,.has-cart-icon .wp-block-navigation-item__content{
  display: flex;
  row-gap: 1rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.has-contact-icon .icon,.has-account-icon .icon,.has-cart-icon .icon{
  position: relative;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
}

.has-contact-icon .icon svg,.has-account-icon .icon svg,.has-cart-icon .icon svg{
  max-height: 100%;
  max-width: 100%;
}

.has-contact-icon .icon svg path,.has-account-icon .icon svg path,.has-cart-icon .icon svg path{
  /* fill:#000; */
  /* stroke:none; */
}

.has-contact-icon a::before{
  /* background-image:url(library/images/arrow-left.svg); */
}

.has-account-icon a::before{
  /* background-image:url(library/images/arrow-left.svg); */
}

.has-cart-icon a{
  display: flex !important;
  align-items: center;
  gap: 0.25rem;
}

.has-cart-icon .icon.has-items .arrow{
  display: none;
}

.has-cart-icon .items{
  left: 0.7rem;
  margin-top: -2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Figtree,  sans-serif;
  font-weight: 400;
  font-style: normal;
  position: absolute;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity));
  padding: 0.25rem;
  font-size: 0.6rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* z-index:-10; */

.wpfront-notification-bar-spacer .wpfront-notification-bar{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 70 5 / var(--tw-bg-opacity)) !important;
  width: auto !important;
  background-image: none !important;
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}

.wpfront-notification-bar-spacer .wpfront-close{
  overflow: hidden !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  border-style: none !important;
  background-color: transparent !important;
  font-family: Figtree,  sans-serif !important;
  opacity: 0.5 !important;
}

.wpfront-notification-bar-spacer .wpfront-close:hover{
  opacity: 1 !important;
}

.wpfront-notification-bar-spacer .wpfront-close{
  height: 1rem;
  width: 1rem;
  background-size: contain;
  background-position: center;
  text-indent: 2rem;
  --tw-content: '';
  content: var(--tw-content);
  background-image:url(../theme/library/images/close.svg);
}

.wpfront-notification-bar-spacer table{
  max-width: var(--wp--style--global--wide-size);
}

.wpfront-notification-bar-spacer table td{
}

.wpfront-notification-bar-spacer table .wpfront-message{
  line-height:1.6;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.wpfront-notification-bar-spacer.wpfront-fixed-position{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity)) !important;
}

.wpfront-notification-bar-spacer.wpfront-fixed-position .wpfront-notification-bar{
  position: fixed !important;
  overflow: hidden !important;
  background-image: none !important;
}

@media (max-width: 899px){
  .wpfront-notification-bar-spacer .wpfront-notification-bar{
    position:unset !important;
  }
}

.woocommerce-page{
  /* do we want to add a global catch-all here so that all pages have top and bottom padding around main content? */
  /* main{} */
}

.woocommerce-order-received main{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.woocommerce-order-received .wc-block-order-confirmation-status{
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(25 126 169 / var(--tw-border-opacity));
  background-color: rgb(25 126 169 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding: 0.5rem;
  font-family: Figtree,  sans-serif;
  margin-top: 3rem !important;
}

.partner-logo-farm{
  flex-wrap: wrap !important;
}

.partner-logo-farm img{
  width: auto !important;
}

.woocommerce div.product div.images .flex-control-thumbs{
  margin-top: 0.75rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
}

.woocommerce div.product div.images .flex-control-thumbs li{
  float: none;
  width: auto;
}

.contact-us-module,
.custom-quote-module{
  display: none;
}

body.show-quote-module .custom-quote-module,
body.show-contact-module .contact-us-module{
  display: block;
}

/* hide the "Additional Information" tab */

li.additional_information_tab {
  display: none !important;
}

/* Hide some rows in "additional Information" */

.woocommerce-product-attributes-item--attribute_pa_is-featured-product,
.woocommerce-product-attributes-item--attribute_pa_must-ship-freight,
.woocommerce-product-attributes-item--attribute_pa_price-view,
.woocommerce-product-attributes-item--attribute_pa_position-in-search-results,
.woocommerce-product-attributes-item--attribute_pa_ship-separately,
.woocommerce-product-attributes-item--attribute_pa_hide-price{
  display: none;
}

/* Quantity Selector */

.quantity{
  margin-right: 1rem;
  border-radius: 0.375rem;
  border-style: none;
  padding-left: 1rem;
  background-color: #ebebe9;
  font-size:1rem;
}

.quantity::before{
  content:"Qty:"
}

.quantity .input-text.qty{
  border-style: none;
  background-color: transparent;
  padding: 0px;
  line-height: 1.3em;
  line-height:3;
  font-size:1rem;
}

/* Produc price */

.wp-block-woocommerce-product-price{
  margin-top: 0px !important;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

/* Add to cart button */

.single_add_to_cart_button{
  border-radius: 0.375rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 70 5 / var(--tw-bg-opacity)) !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 1rem !important;
  font-family: Figtree,  sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-size: 15px !important;
  text-transform: capitalize !important;
  letter-spacing: 0em !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  font-weight:normal;
}

.single_add_to_cart_button:not(.disabled):hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity)) !important;
}

.single_add_to_cart_button:before{
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  display: inline-block;
  height: 2.5rem;
  width: 2.5rem;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  --tw-content: '';
  content: var(--tw-content);
  background-size:60%;
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path class="wheels" style="fill:%23FFFFFF;" d="M7,22c-0.5,0-1-0.2-1.4-0.6S5,20.5,5,20s0.2-1,0.6-1.4S6.5,18,7,18s1,0.2,1.4,0.6S9,19.5,9,20s-0.2,1-0.6,1.4S7.6,22,7,22z M17,22c-0.5,0-1-0.2-1.4-0.6C15.2,21,15,20.5,15,20s0.2-1,0.6-1.4C16,18.2,16.5,18,17,18c0.6,0,1,0.2,1.4,0.6S19,19.5,19,20 s-0.2,1-0.6,1.4S17.6,22,17,22z"/><polygon class="arrow" style="fill:%23FFFFFF;" points="12,10 10.6,8.6 12.2,7 8,7 8,5 12.2,5 10.6,3.4 12,2 16,6 "/><path class="cart" style="fill:%23FFFFFF;" d="M1,4V2h3.3l4.3,9h7l3.9-7h2.3l-4.4,7.9c-0.2,0.3-0.4,0.6-0.7,0.8c-0.3,0.2-0.6,0.3-1,0.3H8.1L7,15h12v2H7 c-0.8,0-1.3-0.3-1.7-1c-0.4-0.6-0.4-1.3,0-2l1.3-2.5L3,4H1z"/></svg>');
}

/* Notice after adding to cart */

.woocommerce-notices-wrapper .wp-element-button{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

/* Variations Buttons */

.variations th{
  line-height: 2.5rem !important;
}

.variations .label{
  text-align: left;
  font-size: 1rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

.variations .value ul li{
  height: 38px !important;
  border-radius: 0.375rem !important;
  padding: 0.5rem !important;
}

.variations .value ul li:active, .variations .value ul li:hover{
  /* box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 2px #000); */
}

.variations .value ul li.selected{
  border-radius: 9999px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity)) !important;
  box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 2px var(--wp--preset--color--brand)) !important;
}

.variations .value ul li .variable-item-contents .variable-item-span{
}

/* Price of selected Variation */

.woocommerce-variation-price{
  margin-bottom: 1rem;
  font-family: Figtree,  sans-serif;
  font-weight: 600;
}

.woocommerce-variation-price .price{
  --tw-text-opacity: 1 !important;
  color: rgb(35 31 32 / var(--tw-text-opacity)) !important;
}

.woocommerce-variation-price .price:before{
  margin-right: 1rem;
  text-transform: uppercase;
  content: 'Selected Item Price';
}

/* Product Detail Tabs */

.woocommerce-tabs .tabs{
  margin: 0px !important;
  border-style: none !important;
  padding: 0px !important;
}

.woocommerce-tabs .tabs::before, .woocommerce-tabs .tabs::after, .woocommerce-tabs .tabs li::before, .woocommerce-tabs .tabs li::after{
  display: none !important;
}

.woocommerce-tabs .tabs li{
  margin-right: 1rem !important;
  margin-left: 0px !important;
  border-radius: 0.375rem !important;
  border-style: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity)) !important;
}

.woocommerce-tabs .tabs li.active{
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(221 100 34 / var(--tw-border-opacity)) !important;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.4 !important;
}

.woocommerce-tabs .wc-tab{
  margin-top: 2rem !important;
}

.woocommerce-tabs .wc-tab .yikes-custom-woo-tab-title{
  display: none !important;
}

.woocommerce-tabs .wc-tab.woocommerce-Tabs-panel--description > h2{
  display: none !important;
}

/**

# HTML class outline for the Product Excerpt

.product-grid-container (Custom class name added to 'Query Loop' block or the 'Products (Beta)' Block (only used for @container media queries))
  ul.product-grid (Add this class to the 'Post Template' block or wrapping element)
    li
      .wc-block-grid__product-image (The 'Product Image' Block) OR .wp-block-post-featured-image
        a
          img
      .wc-block-grid__product-onsale
      .description (Add this class manually to the 'Group' block containing the title and price)
        .wp-block-post-title
        .wc-block-components-product-stock-indicator
        .wp-block-woocommerce-product-price ('Product Price' block)
          .wc-block-grid__product-price
            span.woocommerce-Price-amount
      .product-cta-buttons (manually add this class to containing 'Group' block)
        .wp-block-read-more (for the "Learn More" button)
        .wp-block-button (Container around the Woocommerce default button)
          .wp-block-button__link  (All button types)
          .product_type_simple:not(.add_to_cart_button) ("Read More")
          .product_type_simple.add_to_cart_button ("Add to Cart")
          .product_type_variable ("Select options")
      a.wp-block-read-more (this is added dynamically in library/functions/woocommerce-customize.php)
*/

/* Responsive grid based on container size */

.product-grid-container{
  container-type: inline-size;
}

@container (min-width: 1px) {
  .product-grid{
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 1.5rem !important;
  }
}

@container (min-width: 400px) {
  .product-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@container (min-width: 750px) {
  .product-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@container (min-width: 1000px) {
  .product-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* END Responsive grid based on container size */

/* &.columns-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  } */

.product-grid li,.wp-block-handpicked-products li{
  overflow: hidden;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  font-family: 'Open Sans',  sans-serif;
  transition:all 0.25s ease-out;
}

.product-grid li:hover,.wp-block-handpicked-products li:hover{
  border-bottom-left-radius:2.5rem;
}

.product-grid li > .description,.wp-block-handpicked-products li > .description{
  flex: 1 1 0%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
}

.product-grid li .wp-block-post-title,
    .product-grid li .wc-block-grid__product-title,
    .wp-block-handpicked-products li .wp-block-post-title,
    .wp-block-handpicked-products li .wc-block-grid__product-title{
  align-items: flex-start !important;
  display: flex;
  flex: 1 1 0%;
  align-items: flex-end;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

.product-grid li .wp-block-woocommerce-product-price,.wp-block-handpicked-products li .wp-block-woocommerce-product-price{
  width: 100%;
}

.product-grid li .wc-block-components-product-price:empty,.wp-block-handpicked-products li .wc-block-components-product-price:empty{
  display: none;
}

.product-grid li .wp-block-woocommerce-product-stock-indicator,.wp-block-handpicked-products li .wp-block-woocommerce-product-stock-indicator{
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.product-grid li .wc-block-components-product-stock-indicator, .wp-block-handpicked-products li .wc-block-components-product-stock-indicator{
  display: inline-block;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(25 126 169 / var(--tw-text-opacity));
}

.product-grid li .wc-block-components-product-stock-indicator--in-stock, .wp-block-handpicked-products li .wc-block-components-product-stock-indicator--in-stock{
  display: none;
}

.product-grid li .wc-block-components-product-stock-indicator--out-of-stock,.wp-block-handpicked-products li .wc-block-components-product-stock-indicator--out-of-stock{
  --tw-text-opacity: 1;
  color: rgb(221 100 34 / var(--tw-text-opacity));
}

.product-grid li .wc-block-components-product-image, 
    .product-grid li .wc-block-grid__product-image, 
    .product-grid li .wp-block-post-featured-image, 
    .wp-block-handpicked-products li .wc-block-components-product-image, 
    .wp-block-handpicked-products li .wc-block-grid__product-image, 
    .wp-block-handpicked-products li .wp-block-post-featured-image{
  margin-bottom: 0px;
  width: 100%;
}

.product-grid li .wc-block-components-product-image img,.product-grid li .wc-block-grid__product-image img,.product-grid li .wp-block-post-featured-image img,.wp-block-handpicked-products li .wc-block-components-product-image img,.wp-block-handpicked-products li .wc-block-grid__product-image img,.wp-block-handpicked-products li .wp-block-post-featured-image img{
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 2 / 1;
}

.product-grid li .wc-block-grid__product-onsale,.wp-block-handpicked-products li .wc-block-grid__product-onsale{
  border-radius:999px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:var(--wp--preset--color--secondary);
  font-family: var(--wp--preset--font-family--figtree) !important;
  color:white;
  border:none;
  font-size: 0.75em;
  height: 3.236em;
  width: 3.236em;
  padding: 0.202em;
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 3.236;
  margin: 0;
  border-radius: 100%;
}

.product-grid li .wc-block-grid__product-onsale span,.wp-block-handpicked-products li .wc-block-grid__product-onsale span{
  background-color:transparent;
}

.product-grid li .wc-block-grid__product-price,.wp-block-handpicked-products li .wc-block-grid__product-price{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(35 31 32 / var(--tw-text-opacity)) !important;
}

.product-grid li .wc-block-grid__product-price .woocommerce-Price-amount,.wp-block-handpicked-products li .wc-block-grid__product-price .woocommerce-Price-amount{
}

.product-grid li .wc-block-grid__product-price del,.wp-block-handpicked-products li .wc-block-grid__product-price del{
  opacity:0.6;
  margin-right:1rem;
  font-size: 0.9em;
}

.product-grid li .wc-block-grid__product-price ins,.wp-block-handpicked-products li .wc-block-grid__product-price ins{
  text-decoration:none;
}

.product-grid li .product-cta-buttons,.wp-block-handpicked-products li .product-cta-buttons{
  margin-bottom: 0px;
  display: flex;
}

.product-grid li .product-cta-buttons > *,.wp-block-handpicked-products li .product-cta-buttons > *{
  flex: 1 1 0%;
}

.product-grid li .product-cta-buttons button.add_to_cart_button, 
      .product-grid li .product-cta-buttons a, 
      .wp-block-handpicked-products li .product-cta-buttons button.add_to_cart_button, 
      .wp-block-handpicked-products li .product-cta-buttons a{
  --tw-bg-opacity: 1;
  background-color: rgb(106 106 106 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.product-grid li .product-cta-buttons button.add_to_cart_button:hover, 
      .product-grid li .product-cta-buttons a:hover, 
      .wp-block-handpicked-products li .product-cta-buttons button.add_to_cart_button:hover, 
      .wp-block-handpicked-products li .product-cta-buttons a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity));
}

.product-grid li .product-cta-buttons button.add_to_cart_button, 
      .product-grid li .product-cta-buttons a, 
      .wp-block-handpicked-products li .product-cta-buttons button.add_to_cart_button, 
      .wp-block-handpicked-products li .product-cta-buttons a{
  flex: 1 1 0%;
  text-transform: capitalize;
  margin-bottom: 0px;
  border-radius: 0px;
  font-family: 'Open Sans',  sans-serif;
  letter-spacing: 0em;
  height: auto !important;
  width: 100% !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-grid li .product-cta-buttons a.has-brand-background-color,.wp-block-handpicked-products li .product-cta-buttons a.has-brand-background-color{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 70 5 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.product-grid li .product-cta-buttons a.has-brand-background-color:hover,.wp-block-handpicked-products li .product-cta-buttons a.has-brand-background-color:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity)) !important;
}

.product-grid li .product-cta-buttons .wp-block-button,.wp-block-handpicked-products li .product-cta-buttons .wp-block-button{
  margin-top: 0px !important;
  gap: 0px !important;
}

.product-grid li .product-cta-buttons .wp-block-button a,.wp-block-handpicked-products li .product-cta-buttons .wp-block-button a{
}

.product-grid li .product-cta-buttons .wp-block-button .added_to_cart,.wp-block-handpicked-products li .product-cta-buttons .wp-block-button .added_to_cart{
  text-decoration-line: none;
}

/* OWL CAROUSEL FOR HANDPICKED PRODUCTS BLOCK */

.wp-block-handpicked-products .owl-stage-outer{
  padding:5px;
}

.wp-block-handpicked-products .owl-stage{
  display: flex;
  margin-top: 3rem;
}

.wp-block-handpicked-products .owl-nav{
  position: absolute;
  top: 0;
  right: 0;
}

.wp-block-handpicked-products .owl-item{
  padding:7px;
}

.wp-block-handpicked-products li{
  border-style: none !important;
  display: flex;
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  box-shadow:0px 3px 6px 0px rgba(0,0,0,0.29);
}

.wp-block-handpicked-products li .wc-block-grid__product-title,
    .wp-block-handpicked-products li .wc-block-grid__product-price{
  margin-left: 1rem;
  margin-right: 1rem;
  text-align: left;
}

.wp-block-handpicked-products li .wc-block-grid__product-title{
  margin-top: 0.5rem;
  flex: 1 1 0%;
}

.wp-block-handpicked-products li .wc-block-grid__product-price{
  margin-bottom: 1.5rem;
}

.wp-block-handpicked-products li .wc-block-grid__product-link{
  flex: 1 1 0%;
  text-decoration-line: none;
}

.wp-block-handpicked-products li .wp-block-button{
  margin: 0px;
}

.wp-block-handpicked-products li .wp-block-button a{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(106 106 106 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.wp-block-handpicked-products li .wp-block-button a:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity)) !important;
}

.wp-block-handpicked-products li .wp-block-button a{
  margin: 0px;
  flex: 1 1 0%;
  text-transform: capitalize;
  margin-bottom: 0px;
  height: 100%;
  border-radius: 0px;
  font-family: 'Open Sans',  sans-serif;
  letter-spacing: 0em;
  width: 100% !important;
  padding: 0.75rem !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  animation: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.wp-block-handpicked-products li .wc-block-grid__product-add-to-cart{
  display: flex;
}

.wp-block-handpicked-products li .wc-block-grid__product-add-to-cart .add_to_cart_button{
}

.wp-block-handpicked-products li .wc-block-grid__product-add-to-cart a.added_to_cart{
  text-decoration-line: none;
}

.wp-block-handpicked-products li .wc-block-grid__product-add-to-cart a.added_to_cart:hover{
  text-decoration-line: underline;
}

/* Pagination */

.wp-block-query-pagination{
  justify-content: space-between !important;
  margin-top: 2rem !important;
  font-family: 'Ubuntu',  sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers{
  display: flex;
  gap: 0.75rem;
}

.wp-block-query-pagination a{
  opacity: 0.5;
}

.wp-block-query-pagination a:hover{
  opacity: 1;
}

.wp-block-query-pagination .wp-block-query-pagination-previous,
  .wp-block-query-pagination .wp-block-query-pagination-next{
}

.wp-block-query-pagination .wp-block-query-pagination-previous{
}

.wp-block-query-pagination .wp-block-query-pagination-next{
}

@media (max-width: 500px){
  .search-meta{
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem !important;
    align-items: flex-start !important;
  }
}

.results-header-row{
  display: block !important;
}

.results-header-row > p, .results-header-row .wp-block-query-title{
  display: inline;
}

.results-header-row > p:after{
  content: ' ';
}

/*
  .product-loop-buttons class wraps two buttons side-by side when the "Learn More" button is dynamically added
  see "library/functinos/woocommerce-customize.php"
*/

.product-loop-buttons{
  display: flex;
}

.product-loop-buttons > *{
  flex: 1 1 0%;
}

/* All buttons dark grey by default */

.product-loop-buttons a, .product-loop-buttons button{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(106 106 106 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.product-loop-buttons a:hover, .product-loop-buttons button:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity)) !important;
}

/* "learn more" button lighter */

.product-loop-buttons .wp-block-read-more{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(235 235 233 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(35 31 32 / var(--tw-text-opacity)) !important;
}

.product-loop-buttons .wp-block-read-more:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(221 100 34 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.product-loop-buttons div.wp-block-button span[data-wc-bind--hidden]{
  width: 100%;
}

.product-loop-buttons div.wp-block-button span[data-wc-bind--hidden] a{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(25 126 169 / var(--tw-bg-opacity)) !important;
}

.product-loop-buttons div.wp-block-button span[data-wc-bind--hidden] a:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 121 173 / var(--tw-bg-opacity)) !important;
}

.share-page-component{
}

body{
}

.share-page-modal header{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(35 31 32 / var(--tw-border-opacity));
  padding: 1rem;
  padding-right: 5rem;
  border-bottom-style:solid;
}

.share-page-modal header .icon{
  display: inline-block;
  height: 2rem;
}

.share-page-modal header .icon img{
  max-height: 100%;
}

.share-page-modal header .title{
  margin: 0px;
  font-weight: 600;
}

.share-page-modal .content .addtoany_list{
  line-height:inherit !important;
}

.share-page-modal .content{
  padding: 1rem;
}

/* Note! This also affects the image slideshow on category and application pages. */

.fancybox-content{
  padding: 0px !important;
}

.fancybox-slide--html .fancybox-close-small {
  top: 0.55rem;
}

.single-download .details{
}

.single-download .image img{
  height: auto;
  width: 100%;
}

.single-download .wpdm-download-link,
  .single-download wp-block-button__link{
  display: block;
  font-size: 0.706rem;
  letter-spacing: 0.1em;
}

.single-download .wpdm-download-link{
  font-family: 'Ubuntu',  sans-serif !important;
  border-radius: 1.5rem;
  border-style: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
  background-color: var(--wp--preset--color--secondary) !important;
}

/**
Displays product sub-cagtegories under the page title
 - megamenu navigation - category list under "All products" (Images NO, Icons YES)
 - Home page "Shop by Product Category" section under hero
 - All Products - Boxes at the top under "All Products"

 Add "category-submenu " to a "Duralight Category List" block element to convert it into image blocks
*/

@media (min-width: 1024px){
  .duralight-category-list-block.max-cols-3 ul,.duralight-category-list-block.max-cols-4 ul,.duralight-category-list-block.max-cols-5 ul{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.duralight-category-list-block.max-cols-3 ul,.duralight-category-list-block.max-cols-4 ul,.duralight-category-list-block.max-cols-5 ul{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.25rem;
}

@media (min-width: 640px){
  .duralight-category-list-block.max-cols-3 ul,.duralight-category-list-block.max-cols-4 ul,.duralight-category-list-block.max-cols-5 ul{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
}

@media (min-width: 782px){
  .duralight-category-list-block.max-cols-3 ul,.duralight-category-list-block.max-cols-4 ul,.duralight-category-list-block.max-cols-5 ul{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.duralight-category-list-block.max-cols-3 ul li,.duralight-category-list-block.max-cols-4 ul li,.duralight-category-list-block.max-cols-5 ul li{
  min-height: 5rem;
}

@media (min-width: 782px){
  .duralight-category-list-block.max-cols-3 ul li,.duralight-category-list-block.max-cols-4 ul li,.duralight-category-list-block.max-cols-5 ul li{
    aspect-ratio: 4/3;
  }
}

@media (min-width: 1024px){
  .duralight-category-list-block.max-cols-3 ul li,.duralight-category-list-block.max-cols-4 ul li,.duralight-category-list-block.max-cols-5 ul li{
    aspect-ratio: 16 / 9;
  }
}

.duralight-category-list-block.max-cols-3 ul li,.duralight-category-list-block.max-cols-4 ul li,.duralight-category-list-block.max-cols-5 ul li{
  min-width: 0px;
  max-width: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 782px){
  .duralight-category-list-block.max-cols-3 ul li,.duralight-category-list-block.max-cols-4 ul li,.duralight-category-list-block.max-cols-5 ul li{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.duralight-category-list-block.max-cols-3 ul li a,.duralight-category-list-block.max-cols-4 ul li a,.duralight-category-list-block.max-cols-5 ul li a{
  flex-direction: row;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 782px){
  .duralight-category-list-block.max-cols-3 ul li a,.duralight-category-list-block.max-cols-4 ul li a,.duralight-category-list-block.max-cols-5 ul li a{
    flex-direction: column;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.duralight-category-list-block.max-cols-3 ul li a .title,.duralight-category-list-block.max-cols-4 ul li a .title,.duralight-category-list-block.max-cols-5 ul li a .title{
  flex: 1 1 0%;
}

@media (min-width: 782px){
  .duralight-category-list-block.max-cols-3 ul li a .title,.duralight-category-list-block.max-cols-4 ul li a .title,.duralight-category-list-block.max-cols-5 ul li a .title{
    flex: none;
  }
}

.duralight-category-list-block.max-cols-3 ul li a .title,.duralight-category-list-block.max-cols-4 ul li a .title,.duralight-category-list-block.max-cols-5 ul li a .title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1.2em;
}

@media (min-width: 782px){
  .duralight-category-list-block.max-cols-3 ul li a .title,.duralight-category-list-block.max-cols-4 ul li a .title,.duralight-category-list-block.max-cols-5 ul li a .title{
    max-width: 9rem;
  }
}

.duralight-category-list-block.max-cols-3 ul li a .icon,.duralight-category-list-block.max-cols-4 ul li a .icon,.duralight-category-list-block.max-cols-5 ul li a .icon{
  width:5rem;
  height:5rem;
}

@media (min-width: 1024px){
  .duralight-category-list-block.max-cols-3 ul{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .duralight-category-list-block.max-cols-4 ul{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.duralight-category-list-block.max-cols-4 ul li{
  aspect-ratio: auto;
}

@media (min-width: 782px){
  .duralight-category-list-block.max-cols-4 ul li{
    aspect-ratio: 4/3;
  }
}

@media (min-width: 1024px){
  .duralight-category-list-block.max-cols-4 ul li{
    aspect-ratio: 1 / 1;
  }

  .duralight-category-list-block.max-cols-3 ul{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.testimonials-group{
}

/* Home Page */

.customer-testimonials-title-column{
  display: flex;
  flex-direction: column;
}

.customer-testimonials-title-column .wp-block-buttons{
  display: flex;
  flex: 1 1 0%;
  align-items: flex-end;
  padding-bottom: 2rem;
}

@media (min-width: 782px){
  .customer-testimonials-title-column .wp-block-buttons{
    padding-bottom: 4rem;
  }

  .customer-testimonials-carousel-column{
    margin-top: 3rem;
  }
}

.testimonial-carousel-query ul{
  opacity:0;
  height:50rem;
}

.testimonial-carousel-query ul.owl-loaded{
  opacity:1;
  height:auto;
}

.testimonial-carousel-query ul .owl-stage-outer{
  margin-right: 0.25rem;
}

.testimonial-carousel-query ul .owl-stage{
  display: flex;
}

.testimonial-carousel-query ul .owl-item{
  display: flex;
}

@media (min-width: 782px){
  .testimonial-carousel-query ul .owl-item{
    padding-right: 2.5rem;
  }
}

.testimonial-carousel-query ul .owl-item{
  --tw-border-opacity: 1;
  border-right-color: rgb(188 188 188 / var(--tw-border-opacity));
}

@media (min-width: 782px){
  .testimonial-carousel-query ul .owl-item{
    border-right-width: 1px;
  }
}

.testimonial-carousel-query ul .owl-item{
  border-right-style:solid;
}

.testimonial-carousel-query ul li{
  /* .type-testimonials */
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
  padding-bottom: 3rem;
}

@media (min-width: 782px){
  .testimonial-carousel-query ul li{
    padding-bottom: 5rem;
  }
}

.testimonial-carousel-query ul li cite{
  margin-top: 1rem;
  display: block;
}

.testimonial-carousel-query ul li cite b, .testimonial-carousel-query ul li cite strong{
  font-weight: 700;
}

.testimonial-carousel-query ul li cite i, .testimonial-carousel-query ul li cite em{
  opacity: 0.5;
}

.testimonial-carousel-query ul li blockquote{
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

@media (min-width: 782px){
  .testimonial-carousel-query ul li blockquote{
    padding-left: 2.5rem !important;
    padding-right: 0px !important;
  }
}

.testimonial-carousel-query ul li blockquote{
  display: block;
}

@media (min-width: 782px){
  .testimonial-carousel-query ul li blockquote{
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-text-opacity: 1;
    color: rgb(35 31 32 / var(--tw-text-opacity));
  }
}

.testimonial-carousel-query ul li blockquote p:first-child{
  margin-top: 0px;
}

.testimonial-carousel-query ul li blockquote p:last-child{
  margin-bottom: 0px;
}

.testimonial-carousel-query ul li figure{
  margin-left: 2rem;
  margin-right: 2rem;
  margin-bottom: 0px;
}

@media (min-width: 782px){
  .testimonial-carousel-query ul li figure{
    margin-left: 0px;
    margin-right: 0px;
  }
}

.testimonial-carousel-query .owl-nav{
}

.page-id-49157  .wp-site-blocks > .entry-content{
  margin-top: 0px !important;
}

/* DESKTOP */

@media (min-width: 781px){
  .testimonial-carousel-query ul .owl-item:nth-child(even) li{
    flex-direction: column-reverse;
  }

  .testimonial-carousel-query ul .owl-item:nth-child(even) figure{
    flex: 1 1 0%;
  }

  .testimonial-carousel-query ul .entry-content{
    flex: 1 1 0%;
  }
}

/* MOBILE */

@media (max-width: 780px){
  .customer-testimonials-title-column{
    border:none;
  }

  .customer-testimonials-carousel-column{
    margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
    margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
  }

  .testimonial-carousel-query{
    left: 0px;
  }

  .testimonial-carousel-query .owl-item{
    display: flex;
  }

  @media (min-width: 782px){
    .testimonial-carousel-query .owl-item{
      padding-right: 2.5rem;
    }
  }

  .testimonial-carousel-query .owl-item{
    --tw-border-opacity: 1;
    border-right-color: rgb(188 188 188 / var(--tw-border-opacity));
  }

  @media (min-width: 782px){
    .testimonial-carousel-query .owl-item{
      border-right-width: 1px;
    }
  }

  .testimonial-carousel-query .owl-item{
    border-right-style:solid;
  }

  .testimonial-carousel-query .owl-item li{
    flex-direction: column;
  }

  .testimonial-carousel-query .owl-nav{
    left:var(--wp--style--root--padding-right);
  }
}

.tidio-chat-iframe{
  bottom: 0.5rem;
  left: 0.5rem;
}

.what-are-you-building .left-col{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 782px){
  .what-are-you-building .left-col{
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    border-width: 1px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-right-color: rgb(255 255 255 / var(--tw-border-opacity));
  }
}

/*  mobile */

@media (max-width: 781px){
}

.page-id-49147 .shop-applications-button{
  display: none;
}

/* Single download page */

.single-wpdmpro .wp-block-post-title{
  margin-top: 0px;
}

.single-wpdmpro .wp-block-button__link,.single-wpdmpro .wpdm-download-link{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.single-wpdmpro .wp-block-button__link:hover,.single-wpdmpro .wpdm-download-link:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(35 31 32 / var(--tw-bg-opacity)) !important;
}

.single-wpdmpro .wp-block-button__link,.single-wpdmpro .wpdm-download-link{
  display: block;
  border-radius: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: 'Ubuntu',  sans-serif;
  font-weight: 600;
  font-size: 0.706rem;
}

/* Download file link template */

.well.c2a3{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  padding: 1rem;
}

.well.c2a3 .icon {
  height: 42px;
  width: auto;
}

.well.c2a3 .icon img{
  width: 2rem;
  max-height:100%;
}

.well.c2a3 .media-heading{
  flex: 1 1 0%;
}

.well.c2a3 .media-heading a{
  font-family: Figtree,  sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.well.c2a3 .media-heading a:hover{
  --tw-text-opacity: 1;
  color: rgb(25 126 169 / var(--tw-text-opacity));
}

.well.c2a3 .file-size {
}

.well.c2a3 .download-count {
}

.well.c2a3 .link a{
  font-family: 'Ubuntu',  sans-serif !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: inline-block;
  border-radius: 1.5rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(25 126 169 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.well.c2a3 .link a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(35 31 32 / var(--tw-bg-opacity));
}

.w3eden .card .card-body .media{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  padding: 1rem;
}

.w3eden .card .card-body .media .img-48{
  width: auto;
}

.w3eden .card .card-body .media .img-48 img{
  margin: 0px;
  width: 2rem;
  max-height:100%;
}

.w3eden .card .card-body .media .media-body{
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.w3eden .card .card-body .media .media-body h3{
  margin: 0px;
  flex: 1 1 0%;
}

.w3eden .card .card-body .media .media-body h3 a{
  font-family: Figtree,  sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.w3eden .card .card-body .media .media-body h3 a:hover{
  --tw-text-opacity: 1;
  color: rgb(25 126 169 / var(--tw-text-opacity));
}

.w3eden .card .card-body .media .ml-3 a{
  font-family: 'Ubuntu',  sans-serif !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: inline-block;
  border-radius: 1.5rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(25 126 169 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.w3eden .card .card-body .media .ml-3 a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(35 31 32 / var(--tw-bg-opacity));
}

.dm-learn-more-aside a{
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}

.dm-learn-more-aside .left img{
  height: 2.5rem;
}

/**
 * Custom styles to immediately follow Tailwind’s `components` layer
 *
 * “Add more opinionated, complex classes like buttons, form controls, alerts,
 * etc; the sort of pre-built components you often see in other frameworks that
 * you might need to override with utility classes.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-components
 */

/* .container{
  @apply mx-auto px-4;
} */

/**
 * Post title styles
 *
 * These will be applied to all headings with a `page-title` or `entry-title`
 * class on the frontend and to the post title in the block editor.
 *
 * The supplied styles are meant to match the default `h1` classes from
 * Tailwind Typography.
 *
 * The `$post-title-selector` variable is replaced by PostCSS. Please see the
 * `postcss.config.js` file for details.
 */

/* $(post-title-selector) {
	@apply max-w-content mx-auto mb-6 text-3xl font-extrabold;
} */

/**
 * Layout styles for centered content areas
 *
 * If you are controlling the width of your content area with styles applied
 * to its container, you can delete the following styles whose selectors begin
 * with `.page-content >` and `.entry-content >`. For more details, please see
 * the following:
 *
 * https://make.wordpress.org/core/2021/06/29/on-layout-and-content-width-in-wordpress-5-8/
 */

/* .page-content > *,
.entry-content > * {
	@apply max-w-content mx-auto;
} */

.entry-content > .alignwide {
  /* Wide width from the `theme.json` file */
  /* @apply max-w-wide; */
}

.entry-content > .alignfull {
  /* @apply max-w-none; */
}

.entry-content > .alignleft {
  /* @apply float-left mr-8; */
}

.entry-content > .alignright {
  /* @apply float-right ml-8; */
}

/** Product Images reveal */

@keyframes reveal {
  from {
    opacity: 0;
    -webkit-clip-path: inset(0% 100% 0% 0%);
            clip-path: inset(0% 100% 0% 0%);
  }

  to {
    opacity: 1;
    -webkit-clip-path: inset(0% 0% 0% 0%);
            clip-path: inset(0% 0% 0% 0%);
  }
}

.attachment-woocommerce_single {
  animation: auto linear reveal both;
  animation-timeline: view();
  animation-range: entry 0% cover 25%;
}

/* Homepage headlines */

@keyframes slide-up {
  from {
    opacity: 0;
    transform:translateY(40px);
  }

  to {
    opacity: 1;
    transform:translateY(0px)
  }
}

body.home .wp-block-heading {
  animation: auto linear slide-up both;
  animation-timeline: view();
  animation-range: entry 5% cover 25%;
}

/* homepage buttons */

@keyframes fade-zoom-in {
  0% {
    opacity: 0;
    transform:scale(0);
    filter: brightness(.5);
  }

  80% {
    opacity: 1;
    transform:scale(1.2);
    filter: brightness(1);
  }

  100% {
    opacity: 1;
    transform:scale(1);
    filter: brightness(1);
  }
}

body.home .wp-block-button__link{
  animation: auto linear fade-zoom-in both;
  animation-timeline: view();
  animation-range: entry 3% cover 20%;
}

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins, then adds custom utility classes.
 */

.visible{
  visibility: visible;
}

.collapse{
  visibility: collapse;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.z-10{
  z-index: 10;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.ml-3{
  margin-left: 0.75rem;
}

.mr-1{
  margin-right: 0.25rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.block{
  display: block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.table{
  display: table;
}

.hidden{
  display: none;
}

.h-full{
  height: 100%;
}

.w-1\/2{
  width: 50%;
}

.w-full{
  width: 100%;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-row{
  flex-direction: row;
}

.items-center{
  align-items: center;
}

.gap-2{
  gap: 0.5rem;
}

.gap-8{
  gap: 2rem;
}

.overflow-hidden{
  overflow: hidden;
}

.rounded-md{
  border-radius: 0.375rem;
}

.border{
  border-width: 1px;
}

.bg-\[\#e5f3f8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 243 248 / var(--tw-bg-opacity));
}

.bg-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(25 126 169 / var(--tw-bg-opacity));
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.uppercase{
  text-transform: uppercase;
}

.italic{
  font-style: italic;
}

.underline{
  text-decoration-line: underline;
}

.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[hide_empty\:expire_date\]{
  hide_empty: expire date;
}

.\[hide_empty\:featured_image\]{
  hide_empty: featured image;
}

.tns-outer{
  padding:0 !important
}

.tns-outer [hidden]{
  display:none !important
}

.tns-outer [aria-controls],.tns-outer [data-action]{
  cursor:pointer
}

.tns-slider{
  transition:all 0s
}

.tns-slider>.tns-item{
  box-sizing:border-box
}

.tns-horizontal.tns-subpixel{
  white-space:nowrap
}

.tns-horizontal.tns-subpixel>.tns-item{
  display:inline-block;
  vertical-align:top;
  white-space:normal
}

.tns-horizontal.tns-no-subpixel:after{
  content:'';
  display:table;
  clear:both
}

.tns-horizontal.tns-no-subpixel>.tns-item{
  float:left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{
  margin-right:-100%
}

.tns-no-calc{
  position:relative;
  left:0
}

.tns-gallery{
  position:relative;
  left:0;
  min-height:1px
}

.tns-gallery>.tns-item{
  position:absolute;
  left:-100%;
  transition:transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active{
  position:relative;
  left:auto !important
}

.tns-gallery>.tns-moving{
  transition:all 0.25s
}

.tns-autowidth{
  display:inline-block
}

.tns-lazy-img{
  transition:opacity 0.6s;
  opacity:0.6
}

.tns-lazy-img.tns-complete{
  opacity:1
}

.tns-ah{
  transition:height 0s
}

.tns-ovh{
  overflow:hidden
}

.tns-visually-hidden{
  position:absolute;
  left:-10000em
}

.tns-transparent{
  opacity:0;
  visibility:hidden
}

.tns-fadeIn{
  opacity:1;
  filter:alpha(opacity=100);
  z-index:0
}

.tns-normal,.tns-fadeOut{
  opacity:0;
  filter:alpha(opacity=0);
  z-index:-1
}

.tns-vpfix{
  white-space:nowrap
}

.tns-vpfix>div,.tns-vpfix>li{
  display:inline-block
}

.tns-t-subp2{
  margin:0 auto;
  width:310px;
  position:relative;
  height:10px;
  overflow:hidden
}

.tns-t-ct{
  width:2333.3333333%;
  width:calc(100% * 70 / 3);
  position:absolute;
  right:0
}

.tns-t-ct:after{
  content:'';
  display:table;
  clear:both
}

.tns-t-ct>div{
  width:1.4285714%;
  width:calc(100% / 70);
  height:10px;
  float:left
}

.visually-hidden {
  position: fixed;
  left: -10000px;
  opacity: 0;
}

/* .tns-controls = "previous" and "next" buttons */

.tns-controls {
  text-align: center;
  margin-bottom: 10px;
}

.tns-controls [aria-controls] {
  font-size: 15px;
  margin: 0 5px;
  padding: 0 1em;
  height: 2.5em;
  color: #000;
  background: #66CCFF;
  border-radius: 3px;
  border: 0;
}

.tns-controls [disabled] {
  color: #999999;
  background: #B3B3B3;
  cursor: not-allowed !important;
}

.lt-ie9 .tns-controls > [aria-controls] {
  line-height: 2.5em;
}

/* TNS "stop" button */

[data-action] {
  display: block;
  margin: 10px auto;
  font-size: 17px;
  min-width: 3em;
  text-align: center;
  background: transparent;
  border: 0;
}

/* .tns-nav = carousel dots */

.tns-nav {
  text-align: center;
  margin: 10px 0;
}

.tns-nav > [aria-controls] {
  width: 9px;
  height: 9px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #ddd;
  border: 0;
}

.tns-nav > .tns-nav-active {
  background: #999;
}

.has-bkg-pattern{
  position: relative;
}

.has-bkg-pattern > *{
  position: relative;
  z-index: 1;
}

.has-bkg-pattern.has-primary-background-color:after,
    .has-bkg-pattern.has-primary-background-color:before{
  position: absolute;
  top: 0px;
  height: 100%;
  width: 25%;
  background-size: cover;
}

.has-bkg-pattern.has-primary-background-color:after::before,
    .has-bkg-pattern.has-primary-background-color:before::before{
  --tw-content: '';
  content: var(--tw-content);
}

.has-bkg-pattern.has-primary-background-color:before{
  left: 0px;
  background-position:left center;
  background-image:url(library/images/primary-bkg-1.jpg);
}

.has-bkg-pattern.has-primary-background-color:after{
  right: 0px;
  background-position:right center;
  background-image:url(library/images/primary-bkg-2.jpg);
}

.wp-block-getwid-megamenu{
  position:unset !important;
}

.wp-block-getwid-megamenu .gw-mm-item__dropdown-wrapper{
  left: auto !important;
  right: auto !important;
  width: auto !important;
}

.wp-block-getwid-megamenu .has-mega-menu .gw-mm-item__dropdown-wrapper{
  left: 0px !important;
  right: 0px !important;
  width: auto !important;
}

.wp-block-getwid-megamenu .has-mega-menu .gw-mm-item__dropdown{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(180 180 179 / var(--tw-border-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.wp-block-getwid-megamenu .gw-mm__content-wrapper{
  left: 0px !important;
}

.wp-block-getwid-megamenu .wc-block-product-categories-list{
  -moz-columns: 14em;
       columns: 14em;
}

.wp-block-getwid-megamenu .wc-block-product-categories-list .wc-block-product-categories-list--depth-1{
  display:none;
}

/* .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: Inter,sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: .5rem;
  -webkit-box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
  bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: rgba(0,0,0,.25)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after {
  bottom: 1px;
  border-width: .5rem .5rem 0;
  border-top-color: #fff
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
  left: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0,0,0,.25)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
  top: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before {
  top: 0;
  border-width: 0 .5rem .5rem;
  border-bottom-color: rgba(0,0,0,.25)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after {
  top: 1px;
  border-width: 0 .5rem .5rem;
  border-bottom-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
  right: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: rgba(0,0,0,.25)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after {
  right: 1px;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff
}

.popover-header {
  padding: .5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #fff;
  border-bottom: 1px solid rgba(0,0,0,.2);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  font-weight: 500
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: 1rem;
  color: #212529
} */

.aspect-ratio-1{
  height:0 !important;
  padding-bottom:50%;
}

.aspect-ratio-2\/3{
  height:0 !important;
  padding-bottom:66.6%;
}

.aspect-ratio-1\/2{
  height:0 !important;
  padding-bottom:50%;
}

.aspect-ratio-1\/3{
  height:0 !important;
  padding-bottom:33.3%;
}

.aspect-ratio-1\/4{
  height:0 !important;
  padding-bottom:25%;
}

/**
 * Custom styles to immediately follow Tailwind’s `utilities` layer
 *
 * Add your own utility classes to this theme. Complex utility classes should
 * be added using Tailwind’s plugin system:
 *
 * https://tailwindcss.com/docs/plugins#adding-utilities
 */

.fade {
  transition: opacity .15s linear
}

.fade:not(.show){
  opacity:0
}

@media (min-width:782px){
  .hide-on-desktop{
    display: none;
  }
}

@media (max-width:781px){
  .hide-on-mobile{
    display: none;
  }
}

@media (min-width:900px){
  .hide-on-desktop-nav{
    display: none;
  }
}

@media (max-width:899px){
  .hide-on-mobile-nav{
    display: none;
  }
}

@media (max-width: 781px){
  .no-x-padding-on-mobile{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (min-width: 640px){
  .alternate-horizontal-columns ul li.wp-block-post:nth-child(odd) .wp-block-columns{
    flex-direction: row-reverse;
  }
}

@media (max-width: 781px) {
  .reverse-mobile {
    flex-direction: column-reverse;
  }
}

.flourish{
  position: relative;
  display: inline-block;
}

.flourish::after{
  background-image:url(library/images/flourish.svg);
  position: absolute;
  bottom: -1rem;
  right: -2rem;
  height: 2.75rem;
  width: 2.75rem;
  background-repeat: no-repeat;
  -o-object-fit: contain;
     object-fit: contain;
  --tw-content: '';
  content: var(--tw-content);
}

.flourish::after::before{
  --tw-content: '';
  content: var(--tw-content);
}

figure.wp-caption{
  background-color: transparent;
  padding-top: 0px;
  padding-bottom: 0px;
}

figure.wp-caption img{
}

figure.wp-caption figcaption{
  margin-top: 0px;
  margin-bottom: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity));
}