/**
* Questo file css resetta la pagina e imposta la base
*/

/**
* Raccolta locale dei font del sito
*/
::placeholder { opacity:100; color: rgb( var(--grey) / 1 ); }
::selection { background-color: rgb( var(--accent-dark) / 1 ); color: rgb( var(--white) / 1); }
:focus-visible { outline: none; }

html { height:100%; width:100%; margin:0; padding:0; scroll-padding-top:1.5rem; }
body { height:100%; width:100%; position:relative; margin:0px; padding:0px; }
hr { margin:1rem 0; border-width: 1px 0 0 0; border-style: solid; opacity: 0.25; }
h6,  h5,  h4,  h3,  h2,  h1 { margin: 0 0 0.5rem; font-weight: 500; line-height: 1.25rem; }
p { margin: 0 0 1rem; }
/* section { position: relative; padding: 1.5rem 0; } */
section { position: relative; padding: 0; }
address { margin: 0 0 1rem; font-style: normal; }
ol,  ul { padding: 0 0 0 2rem; }
ol,  ul,  dl { margin: 0 0 1rem; }
ol ol,  ul ul,  ol ul,  ul ol { margin-bottom: 0px; }
dt { font-weight: 700; }
dd { margin: 0 0 0.5rem 0; }
blockquote { margin: 0 0 1rem; }
b, strong { font-weight: 700; }
small { font-size: 0.75rem; line-height: 1rem; }
mark { background-color: rgb(var(--accent-light) / 0.3); padding-top: 0.125rem; padding-bottom: 0.125rem; }
sub,  sup { position: relative; vertical-align: baseline; font-size: 0.75rem; line-height: 0rem; }
sub { bottom: -0.25rem; }
sup { top: -0.5rem; }
a { color: rgb(var(--accent-dark) / 1); }
a:hover { color: rgb(var(--accent) / 1); }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; }
pre,  code,  kbd,  samp { font-family: var(--font-monospace); font-size: 1rem; line-height: 1.5rem; }
pre { margin: 0 0 1rem; display: block; overflow: auto; font-size: 0.875rem; line-height: 1.25rem; }
pre code { overflow-wrap: normal; word-break: normal; color: inherit; }
code { overflow-wrap: break-word; font-size: 0.875rem; line-height: 1.25rem; color: rgb(var(--grey) / 1); }
a > code { color: inherit; }
figure { margin: 0 0 1rem; }
img, svg { vertical-align: middle; }
img { display:block; margin:0; width:100%; max-width:100%; }
caption { padding: 0.5rem 0; text-align: left; color: rgb(var(--dark) / 1); }
table { border-collapse: collapse; }
thead,  tbody,  tfoot,  tr,  td,  th { border-width: 0px; border-style: solid; border-color: inherit; vertical-align: top; }
label { display: inline-block; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline-width: 0px; }
input,  button,  select,  optgroup,  textarea { margin: 0px; font-family: var(--font-sans-serif); font-size: 1rem; line-height: 1.5rem; }
button,  select { text-transform: none; }
[role=button] { cursor: pointer; }
select { overflow-wrap: normal; word-break: normal; }
select:disabled { opacity: 1; }
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none; }
button:not(:disabled),  [type=button]:not(:disabled), [type=reset]:not(:disabled),  [type=submit]:not(:disabled) { cursor: pointer; }
textarea { resize: vertical; }
fieldset { margin: 0px; min-width: 0px; border-width: 0px; padding: 0px; }
legend { float: left; margin: 0 0 0.5rem; width: 100%; padding: 0px; font-size: 1.125rem; line-height: 1.75rem; }
legend + * { clear: left; }
output { display: inline-block; }
iframe { border-width: 0px; }
summary { display: list-item; cursor: pointer; }
progress { vertical-align: baseline; }
time { display:inline-block; }
[hidden] { display: none; }

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) {
    
}

/* Large devices (laptops/desktops, 992px and up) */
@media (min-width: 992px) {
    /* section { padding: 2rem 0; } */
    legend { font-size: 1.25rem; line-height: 1.75rem; }

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media (min-width: 1280px) { }