.elementor-kit-4{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#C1C1C1;--e-global-color-accent:#938D36;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-ee1afe1-font-family:"Inter";--e-global-typography-ee1afe1-font-size:4em;--e-global-typography-ee1afe1-font-weight:300;--e-global-typography-ee1afe1-line-height:1em;--e-global-typography-ee1afe1-letter-spacing:-0.04em;--e-global-typography-91674e7-font-family:"Aether";--e-global-typography-91674e7-font-size:0.9em;--e-global-typography-91674e7-font-weight:100;--e-global-typography-91674e7-line-height:1.2em;--e-global-typography-91674e7-letter-spacing:-0.05em;--e-global-typography-91674e7-word-spacing:-0.1em;--e-global-typography-c02e1ce-font-family:"Inter";--e-global-typography-c02e1ce-font-size:0.9em;--e-global-typography-c02e1ce-font-weight:300;--e-global-typography-c02e1ce-line-height:1.2em;--e-global-typography-c02e1ce-letter-spacing:-0.03em;--e-global-typography-7700e6d-font-family:"Aether";--e-global-typography-7700e6d-font-size:0.7em;--e-global-typography-7700e6d-font-weight:100;--e-global-typography-7700e6d-line-height:1.2em;--e-global-typography-7700e6d-letter-spacing:-0.05em;--e-global-typography-8fdd567-font-family:"Aether";--e-global-typography-8fdd567-font-size:0.9em;--e-global-typography-8fdd567-font-weight:100;--e-global-typography-8fdd567-text-transform:uppercase;--e-global-typography-8fdd567-line-height:1.2em;--e-global-typography-8fdd567-letter-spacing:-0.05em;--e-global-typography-8fdd567-word-spacing:-0.1em;background-color:#000000;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;--container-default-padding-top:5px;--container-default-padding-right:5px;--container-default-padding-bottom:5px;--container-default-padding-left:5px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-91674e7-letter-spacing:0em;--e-global-typography-7700e6d-letter-spacing:0em;--e-global-typography-8fdd567-letter-spacing:0em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =====================================================
   HIDE SCROLLBAR BUT KEEP SCROLLING
   works across browsers
===================================================== */

body{
  -ms-overflow-style: none;   /* IE, old Edge */
  scrollbar-width: none;      /* Firefox */
}

body::-webkit-scrollbar{
  width: 0;
  height: 0;
}


/* =====================================================
   RIGHT MENU
   slides text left on hover
   clickable area stays stable
===================================================== */

.slide-menu a{
  display: block;
}

.slide-menu a > span,
.slide-menu a .elementor-item-text,
.slide-menu a .elementor-nav-menu-text,
.slide-menu a .elementor-heading-title{
  display: inline-block;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.slide-menu a:hover > span,
.slide-menu a:hover .elementor-item-text,
.slide-menu a:hover .elementor-nav-menu-text,
.slide-menu a:hover .elementor-heading-title{
  transform: translateX(-12px);
}


/* =====================================================
   LEFT BRAND
   slides text right on hover
===================================================== */

.slide-left .elementor-heading-title{
  display: inline-block;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.slide-left .elementor-heading-title:hover{
  transform: translateX(12px);
}

/* for radio buttons */

.ode-radio input[type="radio"]{
  appearance:none;
  -webkit-appearance:none;
  width:18px;
  height:18px;
  border:1px solid #c1c1c1;
  border-radius:50%;
  background:#000;
  position:relative;
  cursor:pointer;
  flex-shrink:0;
}

.ode-radio input[type="radio"]:checked::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:8px;
  height:8px;
  background:#fff;
  border-radius:50%;
  transform:translate(-50%,-50%);
}

.ode-radio .elementor-field-option{
  display:flex;
  align-items:center;
  gap:10px;
}

.ode-radio label{
  font:inherit;
  color:inherit;
  cursor:pointer;
}

.ode-radio .elementor-field-type-submit{
  margin-top:50px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Aether';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ode.diamonds/wp-content/uploads/2026/02/Aether-AMono.woff2') format('woff2'),
		url('https://ode.diamonds/wp-content/uploads/2026/02/Aether-AMono.woff') format('woff');
}
/* End Custom Fonts CSS */