.elementor-26 .elementor-element.elementor-element-627172f{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.5;}.elementor-26 .elementor-element.elementor-element-627172f:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-627172f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.rolu.digisilta.fi/wp-content/uploads/2025/11/miscellaneous-items-being-sold-yard-sale-scaled.jpg");background-position:top center;background-size:cover;}.elementor-26 .elementor-element.elementor-element-627172f::before, .elementor-26 .elementor-element.elementor-element-627172f > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-627172f > .e-con-inner > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-627172f > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-627172f > .e-con-inner > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-627172f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-26 .elementor-element.elementor-element-8889bae{--display:flex;--min-height:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-b399796{text-align:center;}.elementor-26 .elementor-element.elementor-element-b399796 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:4rem;font-weight:600;color:var( --e-global-color-90ba65d );}.elementor-26 .elementor-element.elementor-element-4776710{--display:flex;}.elementor-26 .elementor-element.elementor-element-f1de6ee{--spacer-size:50px;}.elementor-26 .elementor-element.elementor-element-dfb9cf4{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-26 .elementor-element.elementor-element-d532786{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-26 .elementor-element.elementor-element-4f85571 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-26 .elementor-element.elementor-element-4f85571 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-26 .elementor-element.elementor-element-4f85571{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-26 .elementor-element.elementor-element-4f85571 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-26 .elementor-element.elementor-element-305a764{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-field-type-html{padding-bottom:0px;}.elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-26 .elementor-element.elementor-element-9ca5211 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-button[type="submit"]{color:#ffffff;}.elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-26 .elementor-element.elementor-element-9ca5211 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-26 .elementor-element.elementor-element-9ca5211 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-26 .elementor-element.elementor-element-9ca5211 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-26 .elementor-element.elementor-element-9ca5211 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-26 .elementor-element.elementor-element-9ca5211{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-26 .elementor-element.elementor-element-f2ec8c5{--display:flex;}.elementor-26 .elementor-element.elementor-element-4eac55c{--spacer-size:50px;}.elementor-26 .elementor-element.elementor-element-e961484{--display:flex;}.elementor-26 .elementor-element.elementor-element-2f0474e{border-radius:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-dfb9cf4{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-627172f{--content-width:1600px;}.elementor-26 .elementor-element.elementor-element-dfb9cf4{--content-width:1600px;}.elementor-26 .elementor-element.elementor-element-e961484{--content-width:1600px;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-b399796 .elementor-heading-title{font-size:2rem;}.elementor-26 .elementor-element.elementor-element-dfb9cf4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* ---- Brändivärit (voit säätää) ---- */
:root{
  --brand-deep: #0D1B2A;   /* tumma sininen */
  --brand-main: #1E3A8A;   /* pääsininen */
  --brand-mid:  #2B5CC4;   /* kirkkaampi sininen */
  --brand-lite: #DDE7FF;   /* vaalea sininen */
  --brand-ink:  #0B1220;   /* tumma teksti, jos tarvitset */
  --brand-gold: #C7A756;   /* hienovarainen arvokorostus */
}

/* ---- Hero-section luokalla .hero-animated ---- */
.hero-animated{
  color: #fff;
  overflow: hidden;

  /* Peruspohja: hidas, elävä taustagradientti */
  background:
    radial-gradient(1200px 600px at 90% -10%, rgba(221,231,255,.20), transparent 60%),
    radial-gradient(900px 480px  at  -10% 10%, rgba(43,92,196,.25), transparent 60%),
    linear-gradient(150deg, var(--brand-deep), #112743 40%, #16325C 70%);
  background-size: 120% 120%, 120% 120%, 100% 100%;
  animation: heroGradientShift 60s ease-in-out infinite;
}

/* Sisältö kerros ylös */
.hero-animated > *{
  position: relative;
  z-index: 2;
}

/* Liikkuvat “fade”-pilvet (häivytykset) */
.hero-animated::before,
.hero-animated::after{
  content: "";
  position: absolute;
  inset: -20%;
  pointer-events: none;
  z-index: 1;
  filter: blur(50px);
  will-change: transform;
}

/* Kylmä sininen + vaalea häivytys */
.hero-animated::before{
  background:
    radial-gradient(40% 35% at 25% 30%, rgba(43,92,196,.35), transparent 60%),
    radial-gradient(35% 35% at 75% 20%, rgba(221,231,255,.30), transparent 60%);
  animation: heroDriftA 32s ease-in-out infinite alternate;
}

/* Lämmin korostus + toinen sininen häivytys */
.hero-animated::after{
  background:
    radial-gradient(38% 38% at 70% 70%, rgba(199,167,86,.12), transparent 62%),
    radial-gradient(32% 32% at 15% 80%, rgba(141,177,255,.20), transparent 60%);
  animation: heroDriftB 46s ease-in-out infinite alternate;
}

/* Kontrastin varmistava hienovarainen tumma overlay alareunassa */
.hero-animated::marker{ /* ei vaikutusta; jätä vain placeholderiksi jos haluat lisäkerroksen myöhemmin */ }

/* ---- Animaatiot ---- */
@keyframes heroGradientShift{
  0%   { background-position: 0% 0%, 100% 0%, 0% 0%; }
  50%  { background-position: 100% 50%, 0% 50%, 0% 0%; }
  100% { background-position: 0% 0%, 100% 0%, 0% 0%; }
}

@keyframes heroDriftA{
  0%   { transform: translate(-6%, -4%) scale(1.00) rotate(0.001deg); }
  50%  { transform: translate(4%,  1%)  scale(1.06) rotate(0.001deg); }
  100% { transform: translate(-6%, -4%) scale(1.00) rotate(0.001deg); }
}

@keyframes heroDriftB{
  0%   { transform: translate(6%, 4%)   scale(1.00) rotate(0.001deg); }
  50%  { transform: translate(-3%, -2%) scale(1.08) rotate(0.001deg); }
  100% { transform: translate(6%, 4%)   scale(1.00) rotate(0.001deg); }
}

/* ---- Pienet käyttöystävällisyys- ja suorituskykyparannukset ---- */
.hero-animated .btn{
  font-size: clamp(16px, 2vw, 18px);
  padding: .9rem 1.35rem;
  border-radius: 12px;
}

/* Kunnioita reduced motion -asetusta */
@media (prefers-reduced-motion: reduce){
  .hero-animated,
  .hero-animated::before,
  .hero-animated::after{
    animation: none !important;
  }
}

/* Sininen häivytetty otsikko */
.fade-headline-blue{
  display: inline-block;
  background: linear-gradient(90deg, #1E3A8A, #2B5CC4, #8FB1FF);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}

/* Kultainen häivytetty otsikko */
.fade-headline-gold{
  display: inline-block;
  background: linear-gradient(90deg, #C7A756, #E5CF87, #C7A756);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}

/* Sininen gradientti */
.btn-fade-blue .elementor-button {
  background: linear-gradient(90deg, #1E3A8A, #2B5CC4, #8FB1FF);
  background-size: 200% auto;
  color: #fff;
  transition: background-position .5s ease;
}
.btn-fade-blue .elementor-button:hover {
  background-position: right center;
  color: #fff;
}

/* Kultainen gradientti */
.btn-fade-gold .elementor-button {
  background: linear-gradient(90deg, #C7A756, #E5CF87, #C7A756);
  background-size: 200% auto;
  color: #fff;
  transition: background-position .5s ease;
}
.btn-fade-gold .elementor-button:hover {
  background-position: right center;
  color: #fff;
}/* End custom CSS */