:root {

   /* =========================================================
      STARTSIDA - AKTIVITETER
      ========================================================= */


   /* Layout */

   --txm-home-gap: 20px;
   --txm-home-item-spacing: 24px;

   --txm-home-image-width: 260px;
   --txm-home-image-height: 180px;


   /* Datumblock */

   --txm-home-date-bg: #000000;
   --txm-home-date-color: #ffffff;

   --txm-home-date-width: 64px;
   --txm-home-date-height: 84px;

   --txm-home-date-radius: 2px;
   --txm-home-date-shadow: 0 4px 10px rgba(0,0,0,.25);


   /* Datumtypografi */

   --txm-home-date-day-size: 1.6rem;
   --txm-home-date-day-line-height: 1;
   --txm-home-date-day-font-weight: 700;

   --txm-home-date-month-size: .8rem;
   --txm-home-date-month-letter-spacing: .5px;
   --txm-home-date-month-opacity: .9;
   --txm-home-date-month-margin-top: 2px;


   /* Ingress */

   --txm-home-ingress-size: 1rem;
   --txm-home-ingress-line-height: 1.55;
   --txm-home-ingress-color: #555;


   /* Mobil */

   --txm-home-mobile-gap: 12px;

   --txm-home-mobile-date-width: 54px;
   --txm-home-mobile-date-height: 70px;

   --txm-home-mobile-image-width: 100px;
   --txm-home-mobile-image-height: 80px;

   --txm-home-mobile-date-day-size: 1.35rem;
   --txm-home-mobile-date-month-size: .72rem;
}



/* =========================================================
   AKTIVITETER - STARTSIDA
   ========================================================= */

.txm-home-activities {
   width: 100%;
}



/* Lista */

.txm-home-activities__list {
   list-style: none;
   margin: 0;
   padding: 0;
}



/* En aktivitet */

.txm-home-activities__item {
   margin: 0;
   padding: 0;
}

.txm-home-activity {
   display: grid;

   grid-template-columns:
      var(--txm-home-date-width)
      var(--txm-home-image-width)
      minmax(0, 1fr);

   column-gap: var(--txm-home-gap);

   align-items: start;

   margin: 0;
   padding: 0 0 var(--txm-home-item-spacing) 0;
}



/* =========================================================
   DATUM
   ========================================================= */

.txm-home-activity__date {
   width: var(--txm-home-date-width);
   height: var(--txm-home-date-height);

   background: var(--txm-home-date-bg);
   color: var(--txm-home-date-color);

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

   text-align: center;
   text-decoration: none;

   border-radius: var(--txm-home-date-radius);
   box-shadow: var(--txm-home-date-shadow);

   box-sizing: border-box;
}

.txm-home-activity__date-day {
   display: block;

   font-size: var(--txm-home-date-day-size);
   font-weight: var(--txm-home-date-day-font-weight);
   line-height: var(--txm-home-date-day-line-height);
}

.txm-home-activity__date-month {
   display: block;

   margin-top: var(--txm-home-date-month-margin-top);

   font-size: var(--txm-home-date-month-size);
   line-height: 1;

   letter-spacing: var(--txm-home-date-month-letter-spacing);
   text-transform: uppercase;

   opacity: var(--txm-home-date-month-opacity);
}



/* =========================================================
   BILD
   ========================================================= */

.txm-home-activity__image-link {
   display: block;

   width: var(--txm-home-image-width);
   height: var(--txm-home-image-height);

   overflow: hidden;

   text-decoration: none;
}

.txm-home-activity__image {
   display: block;

   width: 100%;
   height: 100%;

   max-width: var(--txm-home-image-width);

   object-fit: cover;
}



/* =========================================================
   TEXT
   ========================================================= */

.txm-home-activity__content {
   min-width: 0;
}

.txm-home-activity__title {
   margin: 0 0 8px 0;
   padding: 0;
}

.txm-home-activity__title.headingwitharrow {
   margin-top: 0;
}

.txm-home-activity__title.headingwitharrow a {
   text-decoration: none;
}

.txm-home-activity__title.headingwitharrow a:hover {
   text-decoration: underline;
}

.txm-home-activity__ingress {
   margin: 0;

   font-size: var(--txm-home-ingress-size);
   line-height: var(--txm-home-ingress-line-height);
   color: var(--txm-home-ingress-color);
}



/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 640px) {

   .txm-home-activity {
      grid-template-columns:
         var(--txm-home-mobile-date-width)
         var(--txm-home-mobile-image-width)
         minmax(0, 1fr);

      column-gap: var(--txm-home-mobile-gap);
   }


   .txm-home-activity__date {
      width: var(--txm-home-mobile-date-width);
      height: var(--txm-home-mobile-date-height);
   }


   .txm-home-activity__date-day {
      font-size: var(--txm-home-mobile-date-day-size);
   }


   .txm-home-activity__date-month {
      font-size: var(--txm-home-mobile-date-month-size);
   }


   .txm-home-activity__image-link {
      width: var(--txm-home-mobile-image-width);
      height: var(--txm-home-mobile-image-height);
   }


   .txm-home-activity__image {
      max-width: var(--txm-home-mobile-image-width);
   }

}