@charset "utf-8";
/* CSS Document */
/* Ažurirano 27-10-2025 13:34 */

.user-page {
	overflow:hidden;
}

.user-page strong {
    font-weight: 700;
}
.user-page em {
    font-style: italic;
}
.user-page u {
    text-decoration: underline;
}
.user-page s {
    text-decoration: line-through;
}
.user-page p {
    font-size: clamp(1rem, 0.958rem + 0.139vw, 1.125rem); /*16-18*/
    color: var(--text-medium);
    font-weight: 300;
    line-height: 1.6;
}

.user-page h1, .user-page h2, .user-page h3 {
	margin-bottom:25px;
}

 .user-page h4 {
	 margin-bottom:10px;
 }


.user-page ol {
    list-style: decimal outside none;
}

.user-page ol li {
	font-size: clamp(1rem, 0.958rem + 0.139vw, 1.125rem); /*16-18*/
    line-height: 1.6;
	color: var(--text-medium);
	margin-bottom: 10px;
}

.user-page ul {
    list-style: disc outside none;

}
.user-page ul + p {
    margin-top: 30px;
}

.user-page ol + p {
    margin-top: 30px;
}

.user-page ul li {
    font-size: clamp(1rem, 0.958rem + 0.139vw, 1.125rem); /*16-18*/
    color: var(--text-medium);
    font-weight: 300;
    line-height: 1.6;
    background-image: url("../images/bullet.svg");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
    margin-bottom: 5px;
}

.user-page dl + p {
    margin-top: 30px;
}

.user-page dl li {
    padding-left: 20px;
	font-size: clamp(1rem, 0.958rem + 0.139vw, 1.125rem); /*16-18*/
	color: var(--text-medium);
	margin-bottom: 10px;
}

.user-page a {
    color: var(--text-medium);
    text-decoration: none;
    transition: all 0.3s ease;
}
.user-page a:hover {
    opacity: 0.7;
}

.user-page img {
    height: auto !important;
	padding: 5px;
}


img[style*="left"] {
    margin-right: 50px;
}

img[style*="right"] {
    margin-left: 50px;
}

@media screen and (max-width:600px) {
	img[style*="left"] {
		margin-right: 20px;
	}

	img[style*="right"] {
		margin-left: 20px;
	}
}