:root {
	/* Tipografia */
	/*--font-family: "Roboto Slab", sans-serif;*/

	/* Cores principais */
	--primary-color: #646f77;
	--primary-color-hover: #58595f;

	--secondary-color: #385e70;
	--secondary-color-hover: #272d35;

	/* Border de inputs */
	--input-border-color: #ccc;
	--input-border-color-focus: #ff5733;
	--input-border-radius: 0px;
}

body {
	/* Para garantir que o background do tema seja aplicado corretamente */
	background: unset;
}

/* Mobile */

@media only screen and (max-width: 767px) {
	[class*="mobile hidden"],
	[class*="tablet only"]:not(.mobile),
	[class*="computer only"]:not(.mobile),
	[class*="large monitor only"]:not(.mobile),
	[class*="widescreen monitor only"]:not(.mobile),
	[class*="or lower hidden"] {
		display: none !important;
	}
}

/* Tablet / iPad Portrait */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	[class*="mobile only"]:not(.tablet),
	[class*="tablet hidden"],
	[class*="computer only"]:not(.tablet),
	[class*="large monitor only"]:not(.tablet),
	[class*="widescreen monitor only"]:not(.tablet),
	[class*="or lower hidden"]:not(.mobile) {
		display: none !important;
	}
}

/* Computer / Desktop / iPad Landscape */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	[class*="mobile only"]:not(.computer),
	[class*="tablet only"]:not(.computer),
	[class*="computer hidden"],
	[class*="large monitor only"]:not(.computer),
	[class*="widescreen monitor only"]:not(.computer),
	[class*="or lower hidden"]:not(.tablet):not(.mobile) {
		display: none !important;
	}
}

/* Large Monitor */

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
	[class*="mobile only"]:not([class*="large monitor"]),
	[class*="tablet only"]:not([class*="large monitor"]),
	[class*="computer only"]:not([class*="large monitor"]),
	[class*="large monitor hidden"],
	[class*="widescreen monitor only"]:not([class*="large monitor"]),
	[class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
		display: none !important;
	}
}

/* Widescreen Monitor */

@media only screen and (min-width: 1920px) {
	[class*="mobile only"]:not([class*="widescreen monitor"]),
	[class*="tablet only"]:not([class*="widescreen monitor"]),
	[class*="computer only"]:not([class*="widescreen monitor"]),
	[class*="large monitor only"]:not([class*="widescreen monitor"]),
	[class*="widescreen monitor hidden"],
	[class*="widescreen monitor or lower hidden"] {
		display: none !important;
	}
}

/* Tipografia ************************************************************************************/
/* .ui,
.ui *,
body,
h1,
h2,
h3,
h4,
h5,
p,
small,
div,
a,
.ui.input,
.ui.input input::placeholder,
.ui.input textarea::placeholder,
.ui.button {
	font-family: var(--font-family);
} */

/* Botões ****************************************************************************************/
/* --- Primário -------------------------------------------------------------------------------- */
/* .ui.primary.button,
.ui.primary.buttons .button {
	background-color: var(--primary-color) !important;
}
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
	background-color: var(--primary-color-hover) !important;
} */

/* --- Secundário ------------------------------------------------------------------------------ */
/* .ui.secondary.button,
.ui.secondary.buttons .button {
	background-color: var(--secondary-color) !important;
}
.ui.secondary.button:hover,
.ui.secondary.buttons .button:hover {
	background-color: var(--secondary-color-hover) !important;
} */

/* Inputs ****************************************************************************************/
/* ui.input input,
.ui.button,
.ui.dropdown,
.ui.menu,
.ui.segment,
.ui.form input {
	border-radius: var(--input-border-radius) !important;
	font-weight: unset;
}

/* Para o dropdown específico que estavas a usar (com divs) */
/* .ui.selection.dropdown {
	border-radius: var(--input-border-radius) !important;
} */