/*
Theme Name: LÜG Hello Child
Author: LÜG
Template: hello-elementor
Version: 1.0.0
Text Domain: lug-hello-child
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --lug-focus-color: #155eef;
    --lug-text-color: #17202a;
    --lug-background-color: #F1FBFF;
    --lug-content-width: 1280px;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--lug-text-color);
    background: var(--lug-background-color);
    font-family: "Poppins", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

img,
svg,
video {
    max-width: 100%;
    height: auto;
}

a {
    text-underline-offset: 0.16em;
    text-decoration-thickness: 0.08em;
    color: #0000BE;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--lug-focus-color);
    outline-offset: 3px;
}

a:visited {
    color: inherit;
}

a[href$=".pdf" i], a[href*=".pdf?" i] {
color: #0000BE;
text-decoration-line: underline;
text-decoration-style: wavy;
text-decoration-color: #00E0CB;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
    padding: 3px;
/*     transition: all 0.2 ease; */
}
a[href$=".pdf" i]:hover, a[href*=".pdf?" i]:hover {
color: #0000BE;
    text-decoration-thickness: 1px;
/*    background-color: rgba(0, 224, 203, 0.18);*/
text-decoration-color: #0000BE;
    color: #000;
}

a[href$=".pdf" i]::before,
a[href*=".pdf?" i]::before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.35em;
    vertical-align: -0.15em;
    background-color: #000;
    -webkit-mask: url("assets/document.svg") center / contain no-repeat;
    mask: url("assets/document.svg") center / contain no-repeat;
   
   
}
a[href$=".pdf" i]::hover::after,
a[href*=".pdf?" i]::hover::after{
     background-color: #00E0CB; 
     transition: all 0.2s ease
}
p a[href^="http"]:not([href*="lyg.edu.ee"]):not([href*="lyg.sarg.ee"]):not([href$=".pdf" i]):not([href*=".pdf?" i])::after {
    content: "";
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    margin-left: 0.35em;
    vertical-align: -0.05em;
    background-color: currentColor;
    -webkit-mask: url("assets/external-link.svg") center / contain no-repeat;
    mask: url("assets/external-link.svg") center / contain no-repeat;
}
p a[href^="http"]:not([href*="lyg.edu.ee"]):not([href*="lyg.sarg.ee"]):not([href$=".pdf" i]):not([href*=".pdf?" i]):hover::after {

    transform: translate(2px, -2px);
    transition: all 0.2s ease
}

blockquote {
    display: block;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
font-size: 18px;
font-weight: 500;
 color: #000053; 
font-style: italic;
position: relative;
z-index: 0;
padding: 0.5em 2em;
margin: 2em 0;
background: transparent;
overflow: hidden;
/*     text-shadow: 0 3px 3px rgba(0, 0, 190, 0.2);*/
}
blockquote::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: #ddefed;
    clip-path: polygon( 1% 4%, 99% 0%, 100% 95%, 2% 100%);
}
::selection {
    background-color: #0000BE;
    color: #fff;
}

::-moz-selection {
    background-color: #0000BE;
    color: #fff;
}
.sisu ul {
    padding-left: 0;
    margin: 10px 0 20px 0;
}

.sisu ul > li {
    list-style: none;
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 8px
}

.sisu ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45em;

    width: 0.75em;
    height: 0.75em;

    background-color: rgba(0, 0, 190);

    -webkit-mask: url("assets/bullet.svg") center / contain no-repeat;
    mask: url("assets/bullet.svg") center / contain no-repeat;
}



.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.screen-reader-text:focus {
    position: fixed !important;
    z-index: 100000;
    top: 1rem;
    left: 1rem;
    width: auto;
    height: auto;
    padding: 0.75rem 1rem;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    color: #000;
    background: #fff;
    box-shadow: 0 0 0 3px var(--lug-focus-color);
}

.gallery {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin: 2em 0;
}

.gallery .gallery-item {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 4px;

    background: #fff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
}

.gallery .gallery-icon {
    margin: 0 !important;
}

.gallery .gallery-icon a {
    display: block;
    overflow: hidden;
}

.gallery .gallery-icon img {
    display: block;
    width: 100% !important;
    height: 160px !important;
    object-fit: cover;
    border: 0 !important;
}

.gallery .gallery-caption {
    display: block;
    margin: 0 !important;
    padding: 8px 6px 5px;

    font-size: 13px;
    line-height: 1.35;
    text-align: left;
    color: #555;
}


/* TABLET */

@media (max-width: 1024px) {

    .gallery {
        grid-template-columns: repeat(3, 1fr);
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .gallery .gallery-icon img {
        height: 120px !important;
    }

}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
        scroll-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

.klassijuhataja{margin-top:0;margin-bottom:1rem;color:#555}
table{width:100%;border-collapse:collapse;margin:0 0 2.5rem}
th,td{padding:.65rem .8rem;border-bottom:1px solid #ddd;text-align:left;vertical-align:top}
th{background:#ffffff;font-weight:700}
th:first-child,td:first-child{width:60px;text-align:right;color:#666}
tbody tr:nth-child(even){background:rgba(236, 242, 245, 0.22)}
.medal{display:inline-block;margin-left:.4rem;padding:.08rem .45rem;border-radius:999px;font-size:.8em;font-weight:700}
.medal-gold{background:#f4d35e;color:#5a4700}
.medal-silver{background:#d9dde2;color:#39414a}
@media(max-width:600px){
 body{margin:20px auto;padding:0 12px}
 th,td{padding:.55rem .5rem}
}