/* =========================================
   MEDIA AGENCY
   CSS GENERALE
   ========================================= */


/* ---------- VARIABILI ---------- */

:root {
 --mda-orange: #f47b20;
 --mda-text: #222222;
 --mda-text-light: #666666;
 --mda-background: #ffffff;
 --mda-background-light: #f7f7f7;
 --mda-border: #e7e7e7;
}


/* ---------- GENERALE ---------- */

html {
 scroll-behavior: smooth;
}


body {
 margin: 0;
 background-color: var(--mda-background);
 color: var(--mda-text);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 line-height: 1.6;
}


/* ---------- LINK ---------- */

a {
 color: inherit;
 text-decoration: none;
}


 a:hover {
  color: var(--mda-orange);
 }


/* ---------- IMMAGINI ---------- */

img {
 max-width: 100%;
 height: auto;
}


/* ---------- CONTENUTO ---------- */

#mainContent {
 min-height: 400px;
}


/* ---------- FOOTER PROVVISORIO ---------- */

#siteFooter {
 margin-top: 60px;
 padding: 40px 0;
 background-color: #f7f7f7;
 border-top: 1px solid var(--mda-border);
}