/*
Theme Name: Resin Solutions
Theme URI: https://resinsolutions.com/
Description: Child theme of Hello Elementor for Resin Solutions.
Author: Resin Solutions
Template: hello-elementor
Version: 1.0.1
Text Domain: resin-solutions
*/

/* Add custom styles below this line. */

/* Neutral button utility. */
.elementor-widget-button.btn-neutral .elementor-button,
.elementor-widget-button .elementor-button.btn-neutral,
a.btn-neutral,
button.btn-neutral {
  padding: 0 !important;
  background-color: transparent !important;
}

.elementor-widget-button.btn-neutral .elementor-button:is(:hover, :focus, :active),
.elementor-widget-button .elementor-button.btn-neutral:is(:hover, :focus, :active),
a.btn-neutral:is(:hover, :focus, :active),
button.btn-neutral:is(:hover, :focus, :active) {
  background-color: transparent !important;
}

.elementor-button-content-wrapper {
    align-items: center;
    transition: 0.1s ease-in-out;
}

.elementor-button-icon svg {
    height: auto;
    width: 1.4em;
}

.elementor-widget-button.btn-neutral .elementor-button-content-wrapper:is(:hover, :focus, :active) {
    font-weight: 700 !important;
}

span.elementor-menu-toggle__icon--close, 
span.elementor-menu-toggle__icon--open {
    line-height: 0;
}


ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start: 0 solid transparent;
}

/* Global hex outline for Elementor image widget */
.elementor-widget-image.rs-hex-outline {
  --rs-hex-outline-color: #D1DDF0;
  --rs-hex-outline-opacity: 1;
  --rs-hex-outline-width: 3px;
  --rs-hex-offset-x-abs: 71px;
  --rs-hex-offset-x: var(--rs-hex-offset-x-abs);
  --rs-hex-offset-y: 50px;
  --rs-hex-shape-url: url("/wp-content/plugins/elementor/assets/mask-shapes/hexagon-horizontal.svg");

  position: relative;
  display: inline-block;
  max-width: 100%;
  line-height: 0;
  overflow: visible;
}

.elementor-widget-image.rs-hex-outline.rs-hex-outline-stratix {
  --rs-hex-outline-opacity: 0.15;
}

/* Auto assigned by hex-outline-direction.js based on rendered position. */
.elementor-widget-image.rs-hex-outline.rs-hex-left {
  --rs-hex-offset-x: calc(var(--rs-hex-offset-x-abs) * -1);
}

.elementor-widget-image.rs-hex-outline.rs-hex-right {
  --rs-hex-offset-x: var(--rs-hex-offset-x-abs);
}

.elementor-widget-image.rs-hex-outline::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--rs-hex-outline-color);
  transform: translate(var(--rs-hex-offset-x), var(--rs-hex-offset-y));
  opacity: var(--rs-hex-outline-opacity);
  pointer-events: none;
  z-index: 0;

  -webkit-mask-image: var(--rs-hex-shape-url), var(--rs-hex-shape-url);
  mask-image: var(--rs-hex-shape-url), var(--rs-hex-shape-url);
  -webkit-mask-position: center center, center center;
  mask-position: center center, center center;
  -webkit-mask-repeat: no-repeat, no-repeat;
  mask-repeat: no-repeat, no-repeat;
  -webkit-mask-size: 100% 100%, calc(100% - (var(--rs-hex-outline-width) * 2)) calc(100% - (var(--rs-hex-outline-width) * 2));
  mask-size: 100% 100%, calc(100% - (var(--rs-hex-outline-width) * 2)) calc(100% - (var(--rs-hex-outline-width) * 2));
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.rs-hex-direction-pending .elementor-widget-image.rs-hex-outline::before {
  opacity: 0;
}

.elementor-widget-image.rs-hex-outline a,
.elementor-widget-image.rs-hex-outline img {
  position: relative;
  z-index: 1;
}

.elementor-widget-image.rs-hex-outline img {
  display: block;
}

/* Stretched hex border utility for content containers. */
.rs-hex-stretch-border {
  --rs-hex-cut: 56px;
  --rs-hex-cut-left: var(--rs-hex-cut);
  --rs-hex-cut-right: var(--rs-hex-cut);
  --rs-hex-border-width: 3px;
  --rs-hex-border-color: var( --e-global-color-primary );
  --rs-hex-inner-bg: #ffffff;
  --rs-hex-content-pad-x: 84px;
  --rs-hex-content-pad-y: 48px;
  --rs-hex-hover-text-color: #ffffff;
  --rs-hex-overlap-offset: 72px;
  --rs-hex-overlap-pad: 72px;
  --rs-hex-pad-inline-base: calc(var(--rs-hex-content-pad-x) + var(--rs-hex-border-width));
  --rs-hex-pad-block-base: calc(var(--rs-hex-content-pad-y) + var(--rs-hex-border-width));
  --rs-hex-outer-path: polygon(
    var(--rs-hex-cut) 0%,
    calc(100% - var(--rs-hex-cut)) 0%,
    100% 50%,
    calc(100% - var(--rs-hex-cut)) 100%,
    var(--rs-hex-cut) 100%,
    0% 50%
  );
  /* Fallback path. Script replaces this with geometry-correct values per element size. */
  --rs-hex-inner-path: polygon(
    max(calc(var(--rs-hex-cut) - var(--rs-hex-border-width)), 0px) var(--rs-hex-border-width),
    calc(100% - max(calc(var(--rs-hex-cut) - var(--rs-hex-border-width)), 0px)) var(--rs-hex-border-width),
    calc(100% - var(--rs-hex-border-width)) 50%,
    calc(100% - max(calc(var(--rs-hex-cut) - var(--rs-hex-border-width)), 0px)) calc(100% - var(--rs-hex-border-width)),
    max(calc(var(--rs-hex-cut) - var(--rs-hex-border-width)), 0px) calc(100% - var(--rs-hex-border-width)),
    var(--rs-hex-border-width) 50%
  );

  position: relative;
  z-index: -1;
  isolation: isolate;
  overflow: visible;
  margin-left: 0;
  margin-right: 0;
  padding: var(--rs-hex-pad-block-base) var(--rs-hex-pad-inline-base);
}

.rs-hex-stretch-border::before,
.rs-hex-stretch-border::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.rs-hex-stretch-border::before {
  background: var(--rs-hex-border-color);
  clip-path: var(--rs-hex-outer-path);
  z-index: 0;
}

.rs-hex-stretch-border::after {
  inset: 0;
  background: var(--rs-hex-inner-bg);
  clip-path: var(--rs-hex-inner-path);
  transition: background-color 0.2s ease;
  z-index: 1;
}

.rs-hex-stretch-border:hover::after,
.rs-hex-stretch-border:focus-within::after,
.e-con.e-child:hover > .rs-hex-stretch-border::after,
.e-con.e-child:focus-within > .rs-hex-stretch-border::after {
  background: var( --e-global-color-primary );
}

.rs-hex-stretch-border:is(:hover, :focus-within),
.e-con.e-child:is(:hover, :focus-within) > .rs-hex-stretch-border {
  color: var(--rs-hex-hover-text-color);
}

.rs-hex-stretch-border:is(:hover, :focus-within) :is(
  .elementor-heading-title,
  .elementor-widget-text-editor,
  .elementor-widget-text-editor p,
  .elementor-widget-text-editor li,
  .elementor-button,
  .elementor-button-text,
  .elementor-icon-box-title,
  .elementor-icon-box-description,
  .elementor-icon-list-text,
  a
),
.e-con.e-child:is(:hover, :focus-within) > .rs-hex-stretch-border :is(
  .elementor-heading-title,
  .elementor-widget-text-editor,
  .elementor-widget-text-editor p,
  .elementor-widget-text-editor li,
  .elementor-button,
  .elementor-button-text,
  .elementor-icon-box-title,
  .elementor-icon-box-description,
  .elementor-icon-list-text,
  a
) {
  color: var(--rs-hex-hover-text-color);
}

.rs-hex-stretch-border:is(:hover, :focus-within) .elementor-widget-button:not(.btn-neutral) .elementor-button,
.rs-hex-stretch-border:is(:hover, :focus-within) .elementor-button:not(.btn-neutral),
.e-con.e-child:is(:hover, :focus-within) > .rs-hex-stretch-border .elementor-widget-button:not(.btn-neutral) .elementor-button,
.e-con.e-child:is(:hover, :focus-within) > .rs-hex-stretch-border .elementor-button:not(.btn-neutral) {
  background-color: var( --e-global-color-accent ) !important;
  border-color: var( --e-global-color-accent ) !important;
}

.e-con.e-child:has(> .rs-hex-stretch-border) > .e-con.e-child:not(:has(> .rs-hex-stretch-border)) .elementor-widget-image {
  --rs-overlap-image-mask-url: url("/wp-content/plugins/elementor/assets/mask-shapes/hexagon-horizontal.svg");
  display: inline-block;
  line-height: 0;
  overflow: hidden;
  -webkit-mask-image: var(--rs-overlap-image-mask-url);
  mask-image: var(--rs-overlap-image-mask-url);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.e-con.e-child:has(> .rs-hex-stretch-border) > .e-con.e-child:not(:has(> .rs-hex-stretch-border)) .elementor-widget-image img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  transition: transform 0.25s ease;
  transform-origin: center center;
}

.e-con.e-child:has(> .rs-hex-stretch-border:is(:hover, :focus-within)) > .e-con.e-child:not(:has(> .rs-hex-stretch-border)) .elementor-widget-image img,
.e-con.e-child:is(:hover, :focus-within):has(> .rs-hex-stretch-border) > .e-con.e-child:not(:has(> .rs-hex-stretch-border)) .elementor-widget-image img {
  transform: scale(1.25);
}

.rs-hex-stretch-border > * {
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .sub-menu.elementor-nav-menu--dropdown a {
    white-space: normal;
    width: 230px;
  }

  .rs-hex-stretch-border.rs-stretch-left {
    margin-right: calc(var(--rs-hex-overlap-offset) * -2);
    padding-right: calc(var(--rs-hex-pad-inline-base) + var(--rs-hex-overlap-pad));
  }

  .rs-hex-stretch-border.rs-stretch-right {
    margin-left: calc(var(--rs-hex-overlap-offset) * -2);
    padding-left: calc(var(--rs-hex-pad-inline-base) + var(--rs-hex-overlap-pad));
  }
}


.display-inline .elementor-icon-box-title,
.display-inline .elementor-icon-box-description {
  display: inline;
}


@media(max-width:767px) {

  .rs-hex-stretch-border {
    --rs-hex-cut-left: 0px;
    --rs-hex-cut-right: var(--rs-hex-cut);
    --rs-hex-content-pad-x: 30px;
    --rs-hex-mobile-left-offset: 10px;
    --rs-hex-mobile-right-pad-extra: 28px;
    margin-left: calc(var(--rs-hex-mobile-left-offset) * -1);
    padding-left: calc(var(--rs-hex-pad-inline-base) + var(--rs-hex-mobile-left-offset));
    padding-right: calc(var(--rs-hex-pad-inline-base) + var(--rs-hex-mobile-right-pad-extra));
  }

  .elementor-widget-image.rs-hex-outline {
    --rs-hex-offset-x-abs: 35px;
    --rs-hex-offset-y: 20px;
  }

}

/* Header shrink on scroll */
:root {
  --rs-header-height-desktop: 150px;
  --rs-header-height-desktop-shrink: 85px;
  --rs-header-bg-shift-desktop-adjustment: 10px;
  --rs-adminbar-offset: 0px;
  --rs-logo-height-desktop: 145px;
  --rs-logo-height-desktop-shrink: 86px;
  --rs-logo-top-offset-desktop-shrink: 0;
  --rs-header-bg-desktop-shrink: rgba(255, 255, 255, 0.84);
  --rs-header-blur-desktop-shrink: 8px;
}

body.elementor-page-747,
body.page-id-747 {
  --rs-header-bg-desktop-shrink: #0F1B2EBF;
}

body.admin-bar {
  --rs-adminbar-offset: 32px;
}

/* Long Elementor single-template pages show footer art without touching the top hero container. */
.elementor-location-single :is(.rs-single-overlay-shell, .elementor-32 .elementor-element.elementor-element-a101f5d) {
  position: relative;
  overflow-x: clip;
}

.elementor-location-single :is(.rs-single-overlay-content, .elementor-32 .elementor-widget-theme-post-content) {
  --rs-single-overlay-height-threshold: 2600;
  --rs-single-overlay-end-image: url("/wp-content/uploads/2026/02/footer-bkg.svg");
  --rs-single-overlay-end-size-width: 1450px;
  --rs-single-overlay-end-height: calc(var(--rs-single-overlay-end-size-width) * 1505 / 1244);
  --rs-single-overlay-end-position: 34% 0%;
  --rs-single-overlay-end-top: 0px;
  --rs-single-overlay-end-visible-height: 0px;
  --rs-single-overlay-end-opacity: 1;

  position: relative;
  isolation: isolate;
  z-index: 2;
}

.elementor-location-single :is(.rs-single-overlay-content, .elementor-32 .elementor-widget-theme-post-content)::after {
  content: "";
  position: absolute;
  top: var(--rs-single-overlay-end-top);
  right: calc(50% - 50vw);
  left: calc(50% - 50vw);
  height: var(--rs-single-overlay-end-visible-height);
  background-image: var(--rs-single-overlay-end-image);
  background-position: var(--rs-single-overlay-end-position);
  background-repeat: no-repeat;
  background-size: var(--rs-single-overlay-end-size-width) auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: -1;
}

.elementor-location-single :is(.rs-single-overlay-content, .elementor-32 .elementor-widget-theme-post-content).rs-single-overlay-active::after {
  opacity: var(--rs-single-overlay-end-opacity);
}

@media (max-width: 1024px) {
  .elementor-location-single :is(.rs-single-overlay-content, .elementor-32 .elementor-widget-theme-post-content) {
    --rs-single-overlay-end-position: 0vw 0%;
  }
}

@media (max-width: 767px) {
  .elementor-location-single :is(.rs-single-overlay-content, .elementor-32 .elementor-widget-theme-post-content) {
    --rs-single-overlay-end-position: 0vw 0%;
  }
}

body:not(.rs-header-scrolled):not(.rs-header-shrink) .elementor-location-header :is(#site-header, #site-header-stratix),
body:not(.rs-header-scrolled):not(.rs-header-shrink) .elementor-location-header :is([data-id="a599f85"].e-con, [data-id="9fdc232"].e-con),
body:not(.rs-header-scrolled):not(.rs-header-shrink) .elementor-location-header :is(.elementor-sticky--active[data-id="a599f85"], .elementor-sticky--active[data-id="9fdc232"]) {
  background-color: transparent !important;
  background: transparent !important;
  -webkit-backdrop-filter: blur(0) !important;
  backdrop-filter: blur(0) !important;
}

body:not(.rs-header-scrolled):not(.rs-header-shrink) .elementor-location-header .elementor-16 .elementor-element.elementor-element-d613eb6:not(.elementor-motion-effects-element-type-background),
body:not(.rs-header-scrolled):not(.rs-header-shrink) .elementor-location-header .elementor-16 .elementor-element.elementor-element-d613eb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: transparent !important;
  background: transparent !important;
}

body.rs-header-scrolled .elementor-location-header :is(#site-header, #site-header-stratix),
body.rs-header-scrolled .elementor-location-header :is([data-id="a599f85"].e-con, [data-id="9fdc232"].e-con),
body.rs-header-scrolled .elementor-location-header :is(.elementor-sticky--active[data-id="a599f85"], .elementor-sticky--active[data-id="9fdc232"]) {
  background-color: var(--rs-header-bg-desktop-shrink) !important;
  background: var(--rs-header-bg-desktop-shrink) !important;
  -webkit-backdrop-filter: blur(var(--rs-header-blur-desktop-shrink)) !important;
  backdrop-filter: blur(var(--rs-header-blur-desktop-shrink)) !important;
}

@media (min-width: 1025px) {
  body.rs-header-shrink .elementor-location-header :is(#site-header, #site-header-stratix) {
    background-color: var(--rs-header-bg-desktop-shrink) !important;
    background: var(--rs-header-bg-desktop-shrink) !important;
  }

  body.rs-header-shrink .elementor-location-header :is(#site-header, #site-header-stratix).e-con.e-parent {
    min-height: var(--rs-header-height-desktop-shrink);
    -webkit-backdrop-filter: blur(var(--rs-header-blur-desktop-shrink));
    backdrop-filter: blur(var(--rs-header-blur-desktop-shrink));
  }

  .elementor-location-header :is(#site-header, #site-header-stratix) .e-con.e-parent {
    min-height: var(--rs-header-height-desktop);
    background-color: transparent;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: min-height 0.25s ease, padding 0.25s ease, background-color 0.25s ease, -webkit-backdrop-filter 0.25s ease, backdrop-filter 0.25s ease;
  }

  .elementor-location-header :is(#site-header, #site-header-stratix) .elementor-widget-theme-site-logo img {
    max-height: var(--rs-logo-height-desktop);
    margin-top: 0;
    transition: max-height 0.25s ease, margin-top 0.25s ease;
  }

  .elementor-location-header :is(#site-header, #site-header-stratix) .elementor-widget-image img {
    max-height: var(--rs-logo-height-desktop);
    margin-top: 0;
    transition: max-height 0.25s ease, margin-top 0.25s ease;
  }

  .elementor-location-header :is(#site-header, #site-header-stratix) .elementor-widget-theme-site-logo .elementor-widget-container {
    overflow: hidden;
  }

  .elementor-location-header :is(#site-header, #site-header-stratix) .elementor-element.elementor-element-9c1ef97.e-con {
    gap: 10px;
    transition: gap 0.25s ease;
  }

  body.rs-header-shrink .elementor-location-header :is(#site-header, #site-header-stratix) .e-con.e-parent {
    min-height: var(--rs-header-height-desktop-shrink);
    background-color: var(--rs-header-bg-desktop-shrink);
    -webkit-backdrop-filter: blur(var(--rs-header-blur-desktop-shrink));
    backdrop-filter: blur(var(--rs-header-blur-desktop-shrink));
  }

  body.rs-header-shrink .elementor-location-header :is(#site-header, #site-header-stratix) .elementor-widget-theme-site-logo img {
    max-height: var(--rs-logo-height-desktop-shrink);
    margin-top: var(--rs-logo-top-offset-desktop-shrink);
  }

  body.rs-header-shrink .elementor-location-header :is(#site-header) .elementor-widget-image img {
    max-height: var(--rs-logo-height-desktop-shrink);
    margin-top: var(--rs-logo-top-offset-desktop-shrink);
  }
	
  body.rs-header-shrink .elementor-location-header :is(#site-header-stratix) .elementor-widget-image img {
    max-height: var(--rs-logo-height-desktop-shrink);
    margin-top: -8%;
  }

  body.rs-header-shrink .elementor-location-header :is(#site-header, #site-header-stratix) .elementor-element.elementor-element-9c1ef97.e-con {
    gap: 0px;
  }

  body.rs-header-shrink .elementor-location-header :is(#site-header, #site-header-stratix) [data-id="9fdc232"].e-con {
    background-color: var(--rs-header-bg-desktop-shrink) !important;
    background: var(--rs-header-bg-desktop-shrink) !important;
    -webkit-backdrop-filter: blur(var(--rs-header-blur-desktop-shrink)) !important;
    backdrop-filter: blur(var(--rs-header-blur-desktop-shrink)) !important;
  }

  body.rs-header-shrink .elementor-location-header :is(#site-header, #site-header-stratix) .elementor-sticky--active[data-id="9fdc232"] {
    background-color: var(--rs-header-bg-desktop-shrink) !important;
    background: var(--rs-header-bg-desktop-shrink) !important;
  }
}


/* Gravity Forms: Contact page form inputs and submit button */
.page .gform_wrapper {
  max-width: 100%;
}

.page .gform_wrapper .gfield_required {
  color: var( --e-global-color-accent );
}

.page .gform_wrapper .gfield_label {
  color: var(--e-global-color-text);
  font-size: 0.95rem;
  font-weight: 500;
  margin-bottom: 0.45rem;
}

.page .gform_wrapper .gfield input,
.page .gform_wrapper .gfield textarea,
.page .gform_wrapper .gfield select {
  width: 100%;
  max-width: 100%;
  border: 2px solid var(--e-global-color-5606299);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  height: 50px;
  background: #ffffff;
  color: var(--e-global-color-text);
  font: inherit;
  font-size: 1rem;
  line-height: 1.4;
  box-sizing: border-box;
  box-shadow: 0 0 0 transparent;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}



.page .gform_wrapper .gfield input::placeholder,
.page .gform_wrapper .gfield textarea::placeholder {
  color: rgba(26, 50, 50, 0.45);
}

.page .gform_wrapper .gfield input:focus,
.page .gform_wrapper .gfield textarea:focus,
.page .gform_wrapper .gfield select:focus {
  outline: none;
  border-color: var(--e-global-color-primary);
  box-shadow: 0 0 0 3px rgba(0, 75, 82, 0.12);
}

.page .gform_wrapper .gfield select {
  line-height: 1.2;
  min-height: 3.125rem;
  padding-right: 2.85rem;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%231a3232'/%3E%3C/svg%3E");
  background-position: calc(100% - 14px) center;
  background-size: 12px 8px;
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.page .gform_wrapper .gform_footer,
.page .gform_wrapper .gform_footer .gform_button,
.page .gform_wrapper .gform_page_footer {
  margin-top: 1.75rem;
  margin-bottom: 0;
  padding: 0;
}

.page .gform_wrapper .gform_footer input[type="submit"], 
.page .gform_wrapper .gform_footer input.gform_button, 
.page .gform_wrapper .gform_footer button.gform_button, 
.page .gform_wrapper .gform_footer .button, 
.page .gform_wrapper .gform_page_footer input.gform_button, 
.page .gform_wrapper .gform_page_footer button.gform_button {
    background-color: var( --e-global-color-accent ) !important;
    border: 1px solid var( --e-global-color-accent ) !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    padding: 10px 24px !important;
    font: inherit;
    font-weight: 600 !important;
    font-size: 1rem !important;
    line-height: 1.3em !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.page .gform_wrapper .gform_footer input[type="submit"]:hover,
.page .gform_wrapper .gform_footer input.gform_button:hover,
.page .gform_wrapper .gform_footer button.gform_button:hover,
.page .gform_wrapper .gform_footer .button:hover,
.page .gform_wrapper .gform_page_footer input.gform_button:hover,
.page .gform_wrapper .gform_page_footer button.gform_button:hover {
  background-color: var(--e-global-color-secondary) !important;
  border-color: var(--e-global-color-secondary) !important;
}

@media (max-width: 767px) {
  .page .gform_wrapper .gfield input,
  .page .gform_wrapper .gfield textarea,
  .page .gform_wrapper .gfield select {
    font-size: 0.97rem;
    padding: 0.8rem 0.95rem;
  }
  .page .gform_wrapper .gform_footer input[type="submit"],
  .page .gform_wrapper .gform_footer input.gform_button,
  .page .gform_wrapper .gform_footer button.gform_button,
  .page .gform_wrapper .gform_footer .button,
  .page .gform_wrapper .gform_page_footer input.gform_button,
  .page .gform_wrapper .gform_page_footer button.gform_button {
    width: 100%;
    padding: 0.9rem 1.75rem;
  }
}

/* Stratix hero: fixed desktop height, centered 100% height video with side crop. */
@media (min-width: 10px) {
  #stratix-hero {
    --stratix-hero-header-offset: calc(var(--rs-header-height-desktop) + var(--rs-adminbar-offset) + 10px);
    position: relative !important;
    margin-top: calc(-1 * var(--stratix-hero-header-offset)) !important;
    height: 800px !important;
    min-height: 800px !important;
    max-height: 800px !important;
    overflow: hidden !important;
  }

  body.rs-header-shrink #stratix-hero {
    --stratix-hero-header-offset: calc(var(--rs-header-height-desktop-shrink) + var(--rs-adminbar-offset) + 10px);
  }

  #stratix-hero,
  #stratix-hero > .elementor-element-ebde28e,
  #stratix-hero .elementor-widget-video,
  #stratix-hero .e-hosted-video.elementor-wrapper.elementor-open-inline {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    padding: 0 !important;
  }

  #stratix-hero .e-hosted-video {
    position: relative !important;
    overflow: hidden !important;
  }

  #stratix-hero .e-hosted-video .elementor-video {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    height: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }
}


  #stratix-hero {
    min-height: 420px;
    height: clamp(420px, 75vh, 800px);
    overflow: hidden !important;
  }

  #stratix-hero,
  #stratix-hero > .elementor-element-ebde28e,
  #stratix-hero .elementor-widget-video,
  #stratix-hero .e-hosted-video.elementor-wrapper.elementor-open-inline {
    width: 100% !important;
    min-height: 100% !important;
    height: 100% !important;
  }

  #stratix-hero .e-hosted-video {
    position: relative !important;
    overflow: hidden !important;
  }

  #stratix-hero .e-hosted-video .elementor-video {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto !important;
    height: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

/*Cookie banner styles*/

.cky-btn-accept {
    background: var( --e-global-color-primary ) !important;
    color: #ffffff;
    border: 2px solid var( --e-global-color-primary ) !important;
}

.cky-btn-preferences,
.cky-btn-customize,
.cky-btn-reject {
    color: var( --e-global-color-primary ) !important;
    background: transparent;
    border: 2px solid var( --e-global-color-primary ) !important;
}