/* =========================================================================
   WHAT IF — Esiletõstetud artiklid
   -------------------------------------------------------------------------
   Need reeglid on üks-ühele samad, mis /teenused/ lehe ploki
   "Analüüsid ja ülevaated" juures. Seal elavad nad lehe enda sees oleva
   <style> plokina, mistõttu mujal lehtedel kaardid ilma nendeta laiali
   lagunevad. Kõik selektorid on siin piiratud .whatif-fa sisse, nii et
   ükski teine osa saidist ei saa nendest mõjutatud.
   ========================================================================= */

.whatif-fa .article-item{
  border:1px solid #D9D9D9;
  border-radius:24px;
  overflow:hidden;
  height:100%;
  text-decoration:none;
  display:flex;
  flex-direction:column;
}

.whatif-fa .article-item .image,
.whatif-fa .article-item img{
  width:100%;
  object-fit:cover;
  height:300px;
  padding-bottom:100px;
}

/* pealkiri pildi all valgel taustal */
.whatif-fa .title-top{
  z-index:1;
  bottom:0;
  background:#ffffff;
  width:100%;
  color:#000;
  font-size:16px;
  font-style:normal;
  font-weight:600;
  line-height:150%;
  padding:16px;
}

.whatif-fa .title-top-container{overflow:hidden}

@media (max-width:991.98px){
  .whatif-fa .title-top-container{min-height:69px}
  .whatif-fa .hoverable .hover-transformer{transform:translateX(0) !important}
}

@media (min-width:992px){
  .whatif-fa .title-top-container{height:69px}
}

/* -------------------------------------------------------------------------
   "Loe veel artikleid" kaart. Reeglid on samad, mis /teenused/ ja Ideekapitali
   lehel; teemas on nad seotud kindlate lehetüüpidega, seepärast siin uuesti,
   piiratult .whatif-fa sisse.
   ------------------------------------------------------------------------- */
.whatif-fa .whatif-fa-more{display:block;text-decoration:none}

.whatif-fa .idee-item{
  border:1px solid #D9D9D9;
  background:#EFEFEF;
  border-radius:24px;
  height:100%;
  display:block;
  text-decoration:none;
}

.whatif-fa .read-more{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:100%;
  text-align:center;
  border-radius:24px;
  background-color:transparent;
  transition:background-color .3s;
}

.whatif-fa .read-more span{
  color:#141414;
  font-weight:600;
  line-height:100%;
}

.whatif-fa .read-more svg path{fill:#EF4129;transition:fill .3s}

.whatif-fa .read-more:hover{background-color:#EF4129}
.whatif-fa .read-more:hover span{color:#fff}
.whatif-fa .read-more:hover svg path{fill:#fff}

@media (max-width:991.98px){
  .whatif-fa .read-more{padding:20px}
  .whatif-fa .read-more span{font-size:24px}
  .whatif-fa .read-more svg{margin-top:16px}
}

@media (min-width:992px){
  .whatif-fa .read-more{min-height:300px}
  .whatif-fa .read-more span{font-size:32px}
  .whatif-fa .read-more svg{margin-top:40px}
}