/*******

THEME SETUP

*******/

/* Fonts */

.font--secondary,
.h--1,
.h--2,
.h--3,
.h--4,
.h--5 {
	font-family: futura-pt;
	font-weight: 500;
}

.serif {
	font-family: Georgia, serif;
}
/***** 

BRANDING  

******/

ul li::marker {
	color: var(--secondary-ultra-dark);
}

/* Custom for each site */
:root {
	--filter-plus: brightness(0) saturate(100%);
	--filter-white: invert(100%) sepia(4%) saturate(404%) hue-rotate(248deg) brightness(120%) contrast(100%);
	--filter-base: invert(20%) sepia(8%) saturate(83%) hue-rotate(22deg) brightness(95%) contrast(87%);
	--filter-khaki: invert(84%) sepia(49%) saturate(166%) hue-rotate(10deg) brightness(85%) contrast(80%);
	--filter-action: invert(33%) sepia(86%) saturate(4966%) hue-rotate(24deg) brightness(100%) contrast(94%);
	--highlight-height: 3px;
	--highlight-width: 60px;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
	scrollbar-width: auto;
	scrollbar-color: #0000009e transparent;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 10px;
}

*::-webkit-scrollbar-track {
	background: transparent;
	margin: 0.5em;
}

*::-webkit-scrollbar-thumb {
	background-color: #0000009e;
	border-radius: 10px;
	outline: 1px solid #ffffff0f;
	outline-offset: -3px;
	border: 1px solid #ffffff5e;
}

/******

DEFAULTS 

******/

br {
	display: block;
	margin: 10px 0;
	content: "";
}

/* Filters */
.filter-white {
	filter: var(--filter-plus) var(--filter-white);
}

@media screen and (max-width: 1025px) {
	.dolj-mobil {
		display: none !important;
	}
}

@media screen and (min-width: 1026px) {
	.dolj-dator {
		display: none !important;
	}
}

@media screen and (min-width: 767px) and (max-width: 1026px) {
	.dolj-tablet.dolj-tablet {
		display: none !important;
	}
	.dolj-mobil.visa-tablet {
		display: unset !important;
	}
}

html {
	/* 10px */
	font-size: 62.5%;
}

body {
	/* 16px */
	font-size: 1.6rem;
	background: var(--neutral);
}

.contain {
	margin-left: auto;
	margin-right: auto;
	padding: 0 1.5rem;
	max-width: 1200px;
}
.rotate-180 {
	transform: rotate(180deg);
}
.fit-content {
	width: fit-content;
}

.contain {
	padding: 0 2.5rem;
}