@font-face {
  font-family: 'Lexend';
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/lexend-v26-latin-ext-regular.woff2') format('woff2');
  unicode-range: U+0100-024F;
}

@font-face {
  font-family: 'Lexend';
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/lexend-v26-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Lexend';
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/lexend-v26-latin-ext-500.woff2') format('woff2');
  unicode-range: U+0100-024F;
}

@font-face {
  font-family: 'Lexend';
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/lexend-v26-latin-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Lexend';
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/lexend-v26-latin-ext-600.woff2') format('woff2');
  unicode-range: U+0100-024F;
}

@font-face {
  font-family: 'Lexend';
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/lexend-v26-latin-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Mansalva';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/mansalva-v16-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/caveat-v23-latin-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Caveat Brush';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/caveat-brush-v12-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Rock Salt';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/rock-salt-v24-latin-regular.woff2') format('woff2');
}

* {
  margin: 0;
  padding: 0;
}

:root {
  --padding: 1.5rem;
  --sidebar-width: 280px;

  /* Tasaarengu colours */
  --color-lavender: #b9abdc;
  --color-mustard: #E6BB00;
  --color-teal: #72ABA9;
  --color-red: #F3965B;
  --color-rose: #D6B9BC;
  --color-cream: #faf7f0;
  --color-black: #000;
  --color-white: #fff;
  --color-grey: #777;

  /* Defaults */
  --color-text: var(--color-black);
  --color-text-grey: var(--color-grey);
  --color-background: var(--color-lavender);

  --font-family-sans: 'Lexend', Verdana, sans-serif;
  --font-family-handwritten: "Caveat Brush", "Mansalva", "Rock Salt", "Caveat", sans-serif;
}
html {
  font-family: var(--font-family-sans);
  color: var(--color-text);
  background: var(--color-background);
}

body {
  display: flex;
  min-height: 100vh;
  background: var(--color-background);
  margin: 0;
  padding: 0;
}

.sidebar {
  width: var(--sidebar-width);
  min-height: 100vh;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
}

.nav-item.is-active {
  font-family:'Lexend', Verdana, sans-serif;
  font-weight: 600;
}

.nav-children {
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  margin-bottom: 0rem;
}

.nav-child {
  font-size: 0.875rem;
  padding: 0.15rem 0;
}

.nav-child.is-active {
  font-family:'Lexend', Verdana, sans-serif;
  font-weight: 600;
}

.lang-link.is-active {
  font-weight: 600;
}

.lang-ru {
  font-family: Verdana, sans-serif;
}

.lang-ru h1,
.lang-ru h2,
.lang-ru h3,
.lang-ru h4,
.lang-ru h5,
.lang-ru h6 {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size:2rem;
}

.lang-ru .footer-heading {
  font-family: Verdana, sans-serif;
  letter-spacing: 0;
}

.site-title {
  font-weight: 400;
  font-size:1.5rem;
  color:var(--color-cream);
  display: block;
  margin-bottom: 2rem;
}

.menu {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.menu a {
  display: block;
  padding: 0.25rem 0;
}

.menu a[aria-current] {
  text-decoration: underline;
}

.sidebar-footer {
  margin-top: auto;
  padding-top: 2rem;
}

.language-switcher {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color:var(--color-cream)
}

.tigu{
  position: fixed;
  right: 20px;
  bottom: 20px; /* Keep this fixed as the baseline anchor */
  
  /* Link movement smoothly to the entire page scroll length */
  animation: scrollUp linear;
  animation-timeline: scroll(root block);
}

@keyframes scrollUp {
  from {
    transform: translateY(0);
  }
  to {
    /* Moves the div upward by the height of the screen, minus the padding gaps */
    /* Adjust '50px' to match the actual height of your div if it looks slightly off */
    transform: translateY(calc(-100vh + 40px + 100%));
  }
}

.site-logo {
  width: 120px;
  height: auto;
}

.main {
  padding: 1.5rem;
  flex: 1;
  max-width: 860px;
  font-size: 1.2rem;
  line-height: 1.4em;
}

.main a{
  color: var(--color-cream);
  text-decoration: none;
}

.main a:hover{
  color: var(--color-black)
}

.content-wrapper {
  margin-left: var(--sidebar-width);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  flex: 1;
  width: calc(100% - var(--sidebar-width));
}



li {
  list-style: disc;
}

a {
  color: currentColor;
  text-decoration: none;
}
button {
  font: inherit;
  background: none;
  border: 0;
  color: currentColor;
  cursor: pointer;
}
strong, b {
  font-weight: 600;
}
small {
  font-size: inherit;
  color: var(--color-text-grey);
}

.bg-light {
  background-color: var(--color-light);
}
.color-grey {
  color: var(--color-text-grey);
}


.logo {
  padding: 1rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  cursor: pointer;
}


.social {
  display: flex;
  padding: 0 .5rem;
}
.social a {
  padding: 1rem .5rem;
}

.section {
  padding: 3rem 0;
}

.grid {
  --columns: 12;
  --gutter: 3rem;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: 1fr;
}
.grid > .column {
  margin-bottom: var(--gutter);
}

.autogrid {
  --gutter: 3rem;
  --min: 10rem;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
  grid-auto-flow: dense;
}

h1 {
  font-family: 'Mansalva', sans-serif;
  text-align: center;
  font-size: 3rem;
  line-height: 3rem;
  margin-bottom: 0.8rem;
}

h2 {
  font-family: 'Caveat', sans-serif;
  text-align: left;
  font-weight: 600;
  font-size: 4rem;
  line-height: 3.5rem;
  margin-bottom: 1.5rem;
}

h3 {
  font-family: 'Rock Salt', sans-serif;
  text-align: center;
  font-size: 2.3rem;
  line-height: 3.2rem;
  letter-spacing: 0.2rem;
  margin-bottom: 1.5rem;
}

h4 {
  font-family: 'Caveat Brush', sans-serif;
  padding-left: 30px;
  font-size: 3.5rem;
  line-height: 3.2rem;
  margin-bottom: 1rem;
}

h5{
  font-family: "Lexend", Verdana, sans-serif;
  font-size:1.6rem;
  font-weight:400;
  margin-bottom:0.5rem;
}

.text-tegevus p, .text-uritus p, .text-uudis p, .text-materjalid p {
  font-size:1.2rem;
  line-height:1.5em;
  margin-bottom:1rem;
}
.text-uritus a {
  color: var(--color-cream);
}

.text-uudis a {
  color: var(--color-lavender);
}

.text-tegevus a {
  color: var(--color-red);
}

.text-uudis a:hover, .text-tegevus a:hover {
  color: var(--color-black);
}

.text-materjalid a{
  color: var(--color-black)
}

.text-materjalid a:hover{
  color: var(--color-lavender)
}

.materjalid h5{
  margin-top: 0.5 rem;
  margin-bottom: 1 rem;
}

.text :first-child {
  margin-top: 0;
}
.text :last-child {
  margin-bottom: 0;
}
.text p,
.text ul,
.text ol {
  margin-bottom: 1rem;
}

.text li {
  margin-bottom:0.5rem;
    line-height:1.5em;
}

.text ul,
.text ol {
  margin-left: 1rem;
}
.text ul p,
.text ol p {
  margin-bottom: 0;
}
.text ul > li {
  list-style: disc;
}
.text ol > li {
  list-style: decimal;
}
.text ul ol,
.text ul ul,
.text ol ul,
.text ol ol {
  margin-bottom: 0;
}


.text-uudis h1, .text-tegevus h1, .text-uritus h1 {
  font-family: 'Lexend', Verdana, sans-serif;
  text-align:left;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4em;
  margin-top: 1.4rem;
  margin-bottom: 0.7rem;
}

.text-uudis h2, .text-tegevus h2, .text-uritus h2 {
  font-family: 'Lexend', Verdana, sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.4em;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.text-uudis h3, .text-uudis h4, .text-uudis h5, .text-uudis h6, .text-tegevus h3, .text-tegevus h4, .text-tegevus h5, .text-tegevus h6, .text-uritus h3, .text-uritus h4, .text-uritus h5, .text-uritus h6 {
  font-family: 'Lexend', Verdana, sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.5em;
  margin-bottom: 0.5rem;
  text-align: left;
  letter-spacing: 0;
  padding: 0;
  margin-bottom: 1rem;
}


.intro {
  font-size: 2rem;
  margin-bottom: 3rem;
  line-height: 1.25em;
}
.text h2,
.h2 {
  font-weight: 600;
  margin-bottom: 1.25rem;
}
.text h3,
.h3 {
  font-weight: 600;
}
.text .codeblock {
  display: grid;
}
.text code {
  font-family: var(--font-family-mono);
  font-size: 1em;
  background: var(--color-light);
  padding: 0 .5rem;
  display: inline-block;
  color: var(--color-black);
}
.text pre {
  margin: 3rem 0;
  background: var(--color-black);
  color: var(--color-white);
  padding: 1.5rem;
  overflow-x: scroll;
  overflow-y: hidden;
  line-height: 1.5rem;
}
.text pre code {
  padding: 0;
  background: none;
  color: inherit;
}
.text hr {
  margin: 6rem 0;
}
.text dt {
  font-weight: 600;
}
.text blockquote {
  font-size: 1.25rem;
  line-height: 1.325em;
  border-left: 2px solid var(--color-black);
  padding-left: 1rem;
  margin: 3rem 0;
  max-width: 25rem;
}
.text blockquote footer {
  font-size: .875rem;
  font-style: italic;
}
.text figure {
  margin: 3rem 0;
}
.text figcaption {
  padding-top: .75rem;
  color: var(--color-text-grey);
}
.text figure ul {
  line-height: 0;
  display: grid;
  gap: 1.5rem;
  margin: 0;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}
.text figure ul li {
  list-style: none;
}

hr {
  border: 0;
  background: currentColor;
  height: 2px;
  width: 1.5rem;
  margin: 3rem auto;
}

.align-center {
  text-align: center;
}

.intro {
  max-width: 40rem;
}
.intro *:not(:last-child) {
  margin-bottom: 1em;
}

.cta {
  background: var(--color-black);
  color: var(--color-white);
  display: inline-flex;
  justify-content: center;
  padding: .75rem 1.5rem;
  border: 4px solid var(--color-white);
  outline: 2px solid var(--color-black);
}

.box {
  background: var(--color-light);
  padding: 1.5rem;
  border: 4px solid var(--color-white);
  outline: 2px solid var(--color-light);
}

.materjalid img{
  width:100%;
}

.video,
.img {
  position: relative;
  display: block;
  --w: 1;
  --h: 1;
  padding-bottom: calc(100% / var(--w) * var(--h));
  background: var(--color-black);
}
.img img,
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
}
.img[data-contain] img {
  object-fit: contain;
}
.img-caption,
.video-caption {
  padding-top: .75rem;
  line-height: 1.5em;
}

.footer {
  padding: 2rem;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  max-width: 860px;
}

.footer:before {
  display: none;
}

.footer-heading {
  font-family: 'Rock Salt', cursive;
  text-align: center;
  font-size: 2.3rem;
  line-height: 3rem;
  letter-spacing: 0.2rem;
  margin-bottom: 1.5rem;
}

.footer-links {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.footer-links a {
  text-decoration: none;
}

.footer-links a:hover {
  color:var(--color-cream);
}

.map {
  --w: 2;
  --h: 1;
  padding-bottom: calc(100% / var(--w) * var(--h));
  position: relative;
  overflow: hidden;
  background: var(--color-black);
}
.map iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.margin-s {
  margin-bottom: .75rem;
}
.margin-m {
  margin-bottom: 1.5rem;
}
.margin-l {
  margin-bottom: 3rem;
}
.margin-xl {
  margin-bottom: 4.5rem;
}
.margin-xxl {
  margin-bottom: 6rem;
}


@media screen and (min-width: 60rem) {
  body {
    --padding: 3rem;
  }

  .grid {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid > .column {
    grid-column: span var(--columns);
  }

}

.pagination {
  display: flex;
  padding-top: 6rem;
}
.pagination > span {
  color: var(--color-text-grey);
}
.pagination > * {
  padding: .5rem;
  width: 3rem;
  text-align: center;
  border: 2px solid currentColor;
  margin-right: 1.5rem;
}
.pagination > a:hover {
  background: var(--color-black);
  color: var(--color-white);
  border-color: var(--color-black);
}

.note-excerpt {
  line-height: 1.5em;
}
.note-excerpt header {
  margin-bottom: 1.5rem;
}
.note-excerpt figure {
  margin-bottom: .5rem;
}
.note-excerpt-title {
  font-weight: 600;
}
.note-excerpt-date {
  color: var(--color-text-grey);
}


.home-hero,
.home-teo,
.home-news,
.home-events,
.home-cta,
.home-activities {
  margin-bottom: 3rem;
}

.home-hero p{
  font-family: 'Lexend', Verdana, sans-serif;
  font-weight:400;
  font-size:1.5rem; 
  line-height:2.1rem;
  margin-bottom: 1rem;
}

.home-teo p {
  max-width: 100%;
  font-size:1.2rem;
  line-height: 1.4em;
  margin-bottom: 1rem;
}

.empty-message {
  margin-top:1.5rem;
}

.pagination-nav {
  display: flex;
  align-items: center;
  padding-top: 2rem;
}

.pagination-next {
  margin-left: auto;
}

.read-more {
  display: inline-block;
  margin-top: 0rem;
  font-size: smaller;
  font-family: 'Lexend', Verdana, sans-serif;
  font-weight:500;
  letter-spacing: 0.03rem;
}

.card-read-more {
  display: inline-block;
  font-size: 0.875rem;
  font-family: 'Lexend', Verdana, sans-serif;
  font-weight:500;
  letter-spacing: 0.03rem;
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 1.5rem;
}

.card {
  display: flex;
  flex-direction: column;
  gap: 0rem;
}

.card img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  margin-bottom:0.5rem;
}

.blob-1 { mask-image: url('/assets/images/blobs/picblob-01.svg'); -webkit-mask-image: url('/assets/images/blobs/picblob-01.svg'); }
.blob-2 { mask-image: url('/assets/images/blobs/picblob-02.svg'); -webkit-mask-image: url('/assets/images/blobs/picblob-02.svg'); }
.blob-3 { mask-image: url('/assets/images/blobs/picblob-03.svg'); -webkit-mask-image: url('/assets/images/blobs/picblob-03.svg'); }
.blob-4 { mask-image: url('/assets/images/blobs/picblob-04.svg'); -webkit-mask-image: url('/assets/images/blobs/picblob-04.svg'); }
.blob-5 { mask-image: url('/assets/images/blobs/picblob-05.svg'); -webkit-mask-image: url('/assets/images/blobs/picblob-05.svg'); }
.blob-6 { mask-image: url('/assets/images/blobs/picblob-06.svg'); -webkit-mask-image: url('/assets/images/blobs/picblob-06.svg'); }

.card-date {
  font-size: 0.875rem;
  letter-spacing: 1px;
  color: var(--color-black);
  font-weight:600;
}

.card-location {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  line-height: 1.2rem;
  margin-bottom:0.2rem;
}

.card h6 {
  font-family: "Lexend", Verdana, sans-serif;;
  font-weight:400;
  font-size:1.5rem;
  line-height: 1.9rem;
  letter-spacing: normal;
  text-align: left;
  margin-bottom:0.2rem;
}

.h7 {
  font-weight: 600;
  margin-bottom:0.25em;
}

.card-excerpt {
  font-size: 0.875rem;
  line-height: 1.5em;
}

.card-excerpt-large {
  font-size: 1rem;
  line-height: 1.5em;
}

.cta-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 1.5rem;
  max-width:860px;
}

.cta-blob {
  background: var(--color-cream);
  width: 100%;
  min-height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: opacity 0.2s;
}

.cta-blob a {
  text-align: center;
  line-height: 1.3em;
  font-weight:bold;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color:black;
}

.cta-blob a:hover {
  color: var(--color-lavender);
}

.cta-blob-1 { -webkit-mask-image: url('/assets/images/blobs/ctablob-1.svg'); mask-image: url('/assets/images/blobs/ctablob-1.svg'); }
.cta-blob-2 { -webkit-mask-image: url('/assets/images/blobs/ctablob-2.svg'); mask-image: url('/assets/images/blobs/ctablob-2.svg'); }
.cta-blob-3 { -webkit-mask-image: url('/assets/images/blobs/ctablob-3.svg'); mask-image: url('/assets/images/blobs/ctablob-3.svg'); }
.cta-blob-4 { -webkit-mask-image: url('/assets/images/blobs/ctablob-4.svg'); mask-image: url('/assets/images/blobs/ctablob-4.svg'); }


.materials-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.5rem;
  color: black;
}

.materials-list a {
  font-size: 1.2rem;
  text-decoration: none;
  color:black;
}

.materials-list a:hover {
  text-decoration: none;
  color:#b9abdc;
}



.single-post {
  max-width: 680px;
}

.post-image {
  margin: 2rem 0;
}

.post-image img {
  width: auto;
  max-width: 100%;
  display: block;
}

.news-listing {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.news-item {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 2rem;
  padding-bottom: 1rem;
}

.news-item:last-child {
  border-bottom: none;
}

.news-image img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.news-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.news-content h5 {
    font-family: "Lexend", Verdana, sans-serif;
    font-size: 1.6rem;
    line-height:2rem;
    font-weight: 400;
    margin-bottom:0;
}

.events-listing {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.events-upcoming,
.events-past {
  display: flex;
  flex-direction: column;
  gap: 0rem;
}

.page-home,
.page-uudised {
  background: var(--color-lavender);
}

.page-tegevused {
  background: var(--color-red);
}

.page-kes-me-oleme,
.page-uritused {
  background: var(--color-mustard);
}

.page-lugemisklubi {
  background: var(--color-teal);
}

.page-siseveeb,
.page-liitu-teokojaga {
  background: var(--color-rose);
}

.page-materjalid,
.page-mis-on-tasaareng,
.page-poliitikasoovitused,
.page-uhistarkusega-juhtimine,
.page-raamatukogu {
  background: var(--color-cream);
}

.page-materjalid .site-title,
.page-mis-on-tasaareng .site-title,
.page-poliitikasoovitused .site-title,
.page-uhistarkusega-juhtimine .site-title,
.page-raamatukogu .site-title,
.template-uudis .site-title,
.template-tegevus .site-title {
  color: var(--color-black);
}

.page-materjalid .sidebar,
.page-mis-on-tasaareng .sidebar,
.page-poliitikasoovitused .sidebar,
.page-uhistarkusega-juhtimine .sidebar,
.page-raamatukogu .sidebar
{
  color: var(--color-lavender);
}

.page-materjalid .language-switcher,
.page-mis-on-tasaareng .language-switcher,
.page-poliitikasoovitused .language-switcher,
.page-uhistarkusega-juhtimine .language-switcher,
.page-raamatukogu .language-switcher
{
  color: var(--color-lavender);
}

.template-uudis .language-switcher,
.template-tegevus .language-switcher 
{
  color: var(--color-black);
}

.page-materjalid .nav-item.is-active{
  color: var(--color-black);
}

.page-mis-on-tasaareng .nav-child.is-active,
.page-poliitikasoovitused .nav-child.is-active,
.page-uhistarkusega-juhtimine .nav-child.is-active,
.page-raamatukogu .nav-child.is-active {
  color: var(--color-black);
}

.text-page p {
  font-size: 1.2rem;
  line-height: 1.5em;
}

.text-page h1 {
  margin-bottom: 2rem;
}

.template-uudis {
  background: var(--color-cream);
}

.template-tegevus {
  background: var(--color-cream);
}

.template-uritus {
  background: var(--color-mustard);
}

.template-uudis,
.template-tegevus {
  background: var(--color-cream);
}

.template-uritus {
  background: var(--color-mustard);
}

.single-post {
  max-width: 680px;
}

.single-post-header {
  margin-bottom: 2rem;
}

.single-post-title {
  font-family: 'Lexend', Verdana, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.2em;
  text-align: left;
  margin-bottom: 0.5rem;
}

.back-link {
  display: inline-block;
  margin-top: 2rem;
  font-size: 0.875rem;
  color: var(--color-lavender);
}

.template-uritus .back-link {
  color: var(--color-black);
}

/* 

.template-uudis .post-image img {
  transform: rotate(0.5deg);
}

.template-tegevus .post-image img {
  transform: rotate(1.5deg);
}

.template-uritus .post-image img {
  transform: rotate(-1.5deg);
}

*/ 

.donation-embed {
  max-width: 600px;
  margin-top: 1rem;
}

.hamburger {
  display: none;
}

.mobile-logo {
  display: none;
}

@media screen and (max-width: 1020px) {
  .cta-blob {
    min-height:130px;
  }
}


@media screen and (max-width: 880px) {
  .cta-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 768px) {
  /* all the mobile rules */

  body {
    flex-direction: column;
  }

  .sidebar {
    position: relative;
    width: 100%;
    min-height: auto;
    padding: 1rem 1.5rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .hamburger {
    display: block;
    background: none;
    border: none;
    cursor: pointer;
    color: currentColor;
    padding: 0;
    order: 2;
  }
  .mobile-logo {
    display: block;
    order: 1;
  }

  .mobile-logo img {
    height: 45px;
    width: auto;
  }

  .site-title {
    display: none;
  }

.menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 1rem 1.5rem 1.5rem;
  z-index: 100;
  background: inherit;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.menu .nav-child{
  font-size: 1.1rem;
  line-height: 1.4rem;
}

  .sidebar {
    position: sticky;
    top: 0;
    width: 100%;
    min-height: auto;
    padding: 1rem 1.5rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: inherit;
    z-index: 100;
  }

  .sidebar.is-open .menu {
    display: flex;
  }

  .sidebar-footer {
    display: none;
  }

  .content-wrapper {
    margin-left: 0;
    width: 100%;
  }

  .main {
    padding: 1rem;
  }

  .card-grid {
    grid-template-columns: 1fr;
  }

  .news-item {
    grid-template-columns: 1fr;
  }

  .cta-grid {
    grid-template-columns: 1fr;
  }
    .cta-blob {
    min-height:180px;
  }

.text-uudis ul > li {
  list-style: disc !important;
  margin-left: 1.5rem;
}

.text-uudis ol > li {
  list-style: decimal !important;
  margin-left: 1.5rem;
}

.text-tegevus ul > li {
  list-style: disc !important;
  margin-left: 1.5rem;
}

.text-tegevus ol > li {
  list-style: decimal !important;
  margin-left: 1.5rem;
}

.text-uritus ul > li {
  list-style: disc !important;
  margin-left: 1.5rem;
}

.text-uritus ol > li {
  list-style: decimal !important;
  margin-left: 1.5rem;
}
}

h1 {
  font-size: 2.3rem;
  line-height: 2.3rem;
}

h2{
  font-size: 3.3rem;
  line-height: 2.7rem;
}

h3{
  font-size: 1.5rem;
  line-height: 1.2rem;
}

h4{
  font-size: 2.7rem;
  line-height: 2.5rem;
}

.footer-heading {
  font-size: 1.5rem;
  line-height: 1.2rem;
}

.home-hero p{
  font-size: 1.2rem;
  line-height: 1.4em;
}

.footer-links {
  gap: 1rem;
}