/* omat css muutokset */

/* tämä toimii joten teen jotain oikein
.breadcrumb {
  background-color: rgba(37, 37, 37, 0.9);
}
*/

:root {
  --dds-color-primary: hsl(220, 67%, 20%); /* alkuperäinen, en tiedä mihin käytetään */

  --dds-color-link: #005ae1; /* sininen */
  --dds-color-hover: hsl(292, 30%, 36%); /* purppurainen https://www.w3schools.com/colors/colors_hsl.asp */
  
  --dds-color: #cccc66; /* DDS:n okran väri */
  --dds-color-lt: #d1d17a; /* DDS:n okran väri vaalea, käytössä logon liukuvärissä */
  --dds-color-dk: #5c5c06; /* DDS:n okran väri tumma, käytössä logon liukuvärissä */
  
  --body-font-size: 0.9rem; /* 1rem = 16px joten pienennetään siitä 10% pois eli noin 14,4px */
  
  --body-bg:  #FAF9F6; /* koko sivuston tausta off-white */

}

/* linkkien asetukset */
a {
  color: var(--dds-color-link);
  text-decoration: none; /* linkeissä ei normaalitilanteessa alleviivausta jotta listaukset ei näytä sekavilta */
}
a:hover {
  color: var(--dds-color-hover);
  text-decoration: underline; /* mutta korostetaan linkki hoverissa */
}

/* nämä on Joomla alkuperäisiä, vähän turha kopioida tänne mutta selvyyden vuoksi */
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([class]) {
  text-decoration: none;
}

a:not([class]):hover {
  color: var(--dds-color-hover);
  text-decoration: underline; /* mutta luokatonkin linkki hoverina pitää olla alleviivattu, tuo edellä ollut a:hover jää muutoin näiden spesifimpien määritysten jalkoihin */
}

/* headerin liukuvärjäys */
.container-header {
  /* background-color: var(--white); */
  background-image: linear-gradient(135deg, var(--dds-color-lt) 0%, var(--dds-color-dk) 100%);
}

/* padding pois headerista, alunperin 1em */
.container-header .container-nav {
  padding-bottom: 0em;
}

h1, .h1 {
  font-size: 1.5rem;
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 1.5rem;
  }
}

h2, .h2 {
  font-size: 1.4);
}

@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.4rem;
  }
}

h3, .h3 {
  font-size: 1.2rem;
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.2rem;
  }
}

h4, .h4 {
  font-size: 1.0;
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.0rem;
  }
}

h5, .h5 {
  font-size: 0.9rem;
}

/* vasemman navigaation linkkien padding (oli alunperin 0.25em ja näytti todella harvalta joten nollataan se tilan säästämiseksi */

.mod-list li {
  padding: 0.0em 0;
}

/* pienennetään marginaalia, alunperin 1.0rem */
.card {
  --card-spacer-y: 0.5rem;
  --card-spacer-x: 0.5rem;
  --card-cap-padding-y: 0.5rem;
  --card-cap-padding-x: 0.5rem;}

/* headerin (=logo) tyylimääritykset (kts DDSHeader-module) */

.ddsheader {
 --card-bg: hsla(0, 0%, 0%, 0); /* taustaväri läpinäkyväksi jotta liukuväri näkyy läpi */
 --card-border-width: 0px; /* kehys pois */
}

.ddsheader .card-body {
 padding: 0 0; /* DDSHeaderin sisällä oleva .card-body ilman turhaa paddingiä */
}

/* taulukoiden rivien alle ohut pisteviiva */
tr {
    border-style: dotted;
    border-width: 1px;
}

/* tämä oikeaan laitaan tasaava luokka on jostain syystä poistunut template.css:stä joten lisätään se takaisin */
.pull-right {
    float: right;
}

/* testing starts here -- tämän rivin jälkeen ei normaalisti saa olla mitään, poista testien päätyttyä */