.elementor-3278 .elementor-element.elementor-element-15d8411{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3278 .elementor-element.elementor-element-15d8411:not(.elementor-motion-effects-element-type-background), .elementor-3278 .elementor-element.elementor-element-15d8411 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mikkelinpallokissat.com/wp-content/uploads/2026/03/MiPK-historiikki.jpg");background-position:center center;background-size:cover;}.elementor-3278 .elementor-element.elementor-element-02fdf9b{text-align:start;}.elementor-3278 .elementor-element.elementor-element-02fdf9b .elementor-heading-title{color:var( --e-global-color-06719f9 );}.elementor-3278 .elementor-element.elementor-element-02fdf9b > .elementor-widget-container{padding:7px 7px 7px 84px;}.elementor-3278 .elementor-element.elementor-element-02fdf9b.elementor-element{--align-self:flex-start;}.elementor-3278 .elementor-element.elementor-element-a96b267{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3278 .elementor-element.elementor-element-c618e1c{text-align:center;}.elementor-3278 .elementor-element.elementor-element-c618e1c .elementor-heading-title{color:var( --e-global-color-06719f9 );}.elementor-3278 .elementor-element.elementor-element-9f7fe8e{text-align:center;font-size:22px;font-weight:400;color:var( --e-global-color-06719f9 );}.elementor-3278 .elementor-element.elementor-element-fb2fd8a{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-3278 .elementor-element.elementor-element-fb2fd8a:not(.elementor-motion-effects-element-type-background), .elementor-3278 .elementor-element.elementor-element-fb2fd8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-06719f9 );}.elementor-3278 .elementor-element.elementor-element-b067fc0{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-3278 .elementor-element.elementor-element-b067fc0:not(.elementor-motion-effects-element-type-background), .elementor-3278 .elementor-element.elementor-element-b067fc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-06719f9 );}.elementor-3278 .elementor-element.elementor-element-ec7cb49{text-align:center;}.elementor-3278 .elementor-element.elementor-element-ec7cb49 .elementor-heading-title{color:#C32B27;}.elementor-3278 .elementor-element.elementor-element-4aed8da > .elementor-widget-container{padding:0px 0px 11px 0px;}.elementor-3278 .elementor-element.elementor-element-aa12edb{--display:flex;}.elementor-3278 .elementor-element.elementor-element-b8aa0ef{--display:flex;}.elementor-3278 .elementor-element.elementor-element-b8aa0ef:not(.elementor-motion-effects-element-type-background), .elementor-3278 .elementor-element.elementor-element-b8aa0ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-06719f9 );}.elementor-3278 .elementor-element.elementor-element-4fdb08f{--grid-columns:4;--load-more-button-align:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3278 .elementor-element.elementor-element-a96b267{--content-width:1140px;}}@media(max-width:1024px){.elementor-3278 .elementor-element.elementor-element-4aed8da > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-3278 .elementor-element.elementor-element-4fdb08f{--grid-columns:2;}}@media(max-width:767px){.elementor-3278 .elementor-element.elementor-element-4aed8da > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-3278 .elementor-element.elementor-element-4fdb08f{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-4fdb08f *//* =========================
   MiPK Historiikki – brändi + historian havina (etusivu)
   Kohdistus: .mipk-hist-archive
   ========================= */

/* Älä ruskeuta koko aluetta – pidä sivu brändin jatkeena */
.mipk-hist-archive{
  background: transparent;
}

/* Kortin peruslook (toimii sekä Loop Item -korteille että Elementor Posts -korteille) */
.mipk-hist-archive .mipk-hist-card,
.mipk-hist-archive .elementor-post{
  background: #fffdf7; /* lämmin paperi, mutta lähes valkoinen */
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(0,0,0,0.10);
  border: 1px solid rgba(120,90,40,0.10);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  position: relative;
}

/* Hover – moderni, ei liian “retro” */
.mipk-hist-archive .mipk-hist-card:hover,
.mipk-hist-archive .elementor-post:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(0,0,0,0.14);
  border-color: rgba(120,90,40,0.18);
}

/* Kuva – brändiystävällinen “historia”-sävy */
.mipk-hist-archive .mipk-hist-card img,
.mipk-hist-archive .elementor-post__thumbnail img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  filter: contrast(97%) saturate(90%) sepia(6%);
  transform: scale(1.01);
}

/* Kuvalle kevyt tumma gradientti, jotta tekstit/overlayt toimivat */
.mipk-hist-archive .mipk-hist-card .elementor-post__thumbnail,
.mipk-hist-archive .elementor-post__thumbnail{
  position: relative;
}

.mipk-hist-archive .mipk-hist-card .elementor-post__thumbnail:after,
.mipk-hist-archive .elementor-post__thumbnail:after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.10), rgba(0,0,0,0.00) 55%);
  pointer-events:none;
}

/* Otsikko – brändin mukainen */
.mipk-hist-archive .mipk-hist-card .elementor-heading-title,
.mipk-hist-archive .elementor-post__title a{
  color: #222;
  text-decoration: none;
  font-weight: 800;
  line-height: 1.2;
}

/* Pieni “arkistoviiva” otsikon alle */
.mipk-hist-archive .mipk-hist-card .elementor-post__text,
.mipk-hist-archive .elementor-post__text{
  padding: 14px 16px 16px 16px;
}

.mipk-hist-archive .mipk-hist-card .elementor-post__text:before,
.mipk-hist-archive .elementor-post__text:before{
  content:"";
  display:block;
  width: 44px;
  height: 3px;
  background: #c62828; /* MiPK punainen */
  border-radius: 99px;
  margin-bottom: 10px;
  opacity: 0.95;
}

/* Meta/pieni teksti hillityksi */
.mipk-hist-archive .elementor-post__meta-data,
.mipk-hist-archive .elementor-post-info{
  opacity: 0.75;
  font-size: 13px;
}

/* =========================
   Vuosi “leimana” (valinnainen mutta suositus)
   Lisää vuosi-elementille CSS class: mipk-hist-year
   ========================= */

.mipk-hist-archive .mipk-hist-year{
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(255,253,247,0.92);
  border: 1px solid rgba(120,90,40,0.18);
  border-radius: 999px;
  padding: 6px 10px;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 1px;
  color: #222;
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}

/* Mobiili */
@media (max-width: 767px){
  .mipk-hist-archive .mipk-hist-card img,
  .mipk-hist-archive .elementor-post__thumbnail img{
    height: 200px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa12edb *//* Historia-arkisto / historiikki kortit */
.mipk-hist-card{
  background: #fffdf7;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(0,0,0,0.10);
  transition: transform .2s ease, box-shadow .2s ease;
}

.mipk-hist-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(0,0,0,0.14);
}

.mipk-hist-card img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  filter: contrast(96%) saturate(90%) sepia(8%);
}

@media (max-width: 767px){
  .mipk-hist-card img{ height: 200px; }
}/* End custom CSS */
/* Start custom CSS *//* Historia-arkisto / historiikki kortit */
.mipk-hist-card{
  background: #fffdf7;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(0,0,0,0.10);
  transition: transform .2s ease, box-shadow .2s ease;
}

.mipk-hist-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(0,0,0,0.14);
}

.mipk-hist-card img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  filter: contrast(96%) saturate(90%) sepia(8%);
}

@media (max-width: 767px){
  .mipk-hist-card img{ height: 200px; }
}/* End custom CSS */