@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
	--sforeground: #4E4A4A	
}

@theme inline {

  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-sforeground: var(--sforeground);
	--color-slfgold: #b39560;
	--color-slfpalegold: #C6B18C;
	--color-slflightgray: #D9D9D9;
	--color-slfcobalt: #36404A;
	--color-slfslate: #6D8196;
	--color-slfdarkgray: #4E4A4A;
	--color-slflightblue: #007FE8;
	--color-slfwhite: #D9D9D9;
	--color-slfblack: #1D1D1D;
	--color-slfdarkblue: #203559;
	--color-slfdarkerblue: #121230;
	--color-slfbordeaux: #62391C;

  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);

	--spacing-layout: calc((7 / 10) * 100%);

}
	
.flex-center {
	@apply justify-center items-center
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

body {
  background: var(--background);
  font-family: Arial, Helvetica, sans-serif;
}

.liquid-inset {
	/*box-shadow: 0px 0px 5px #ffffff inset ;*/
	@apply bg-black/30 backdrop-blur-sm;
	box-shadow: -5px -5px 15px #ffffffb8 inset, 2px 2px 15px #ffffffee inset;
	border: 1px solid #ffffffca
}

.slick-dots-custom {
	display: flex !important;
	flex-direction: row;
	list-style-type: disc !important;
	width: 100%;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	position: relative;
	margin-top: 1.25rem;
}

ul.slick-dots-custom li {
	color: transparent !important;
	text-align: center;
	background-color: var(--color-slfslate);
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 5rem;
}

ul.slick-dots-custom li.slick-active {
	width: 0.75rem;
	height: 0.75rem;
	background-color: var(--color-slfcobalt);
}

.slick-dots-custom-number{
	display: flex !important;
	flex-direction: row;
	width: 100%;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	position: relative;
	margin-top: 1.25rem;
	margin: 1rem;
	height: 1.5rem;
	flex-wrap: wrap;
}

ul.slick-dots-custom-number {
	position: relative;
	left: -17;
}

ul.slick-dots-custom-number li {
	/*color: transparent !important;*/
	text-align: center;
	/*background-color: var(--color-slfslate);*/
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 5rem;
	font-size: 1.5rem;
	color: #4E4A4A;
}

li.slick-active {
	width: 1rem;
	height: 1rem;
	background-color: #4E4A4A44;
	display: flex !important;
	justify-content: center;
	align-items: center;
	padding: 0.75rem;
	position: relative;
	/*background-color: var(--color-slfcobalt);*/
}

.settori-cards::after {
	box-shadow: inset 0px 0px 20px 4px white !important;
}

.slick-arrows {
	color: var(--color-slfdarkgray);
}

@media screen and (max-width: 1024px) {
	.news-columns {
		column-width: 100vw !important;
	}

	.news-columns * {
		padding-left: 16px;
		padding-right: 16px;
	}
}