@font-face {
  font-family: 'DM_Sans';
  src: url('./assets/fonts/DM_Sans/DMSans-VariableFont_opsz,wght.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
}
@font-face {
  font-family: 'DM_Sans';
  src: url('./assets/fonts/DM_Sans/DMSans-Italic-VariableFont_opsz,wght.ttf') format('truetype');
  font-style: italic;
  font-weight: 100 900;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*:hover,*:focus,div:focus,span:focus,img:focus{outline:0!important}

body{font-family:'DM_Sans',Arial,sans-serif;font-size:14px;line-height:1.2;font-weight:400;margin:0;overflow-x:hidden;min-height:100vh;text-rendering:optimizelegibility;-webkit-font-smoothing: subpixel-antialiased}
img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}

h1,h2,h3,h4,h5,h6{font-family: 'DM_Sans',arial,sans-serif;font-weight:700;color:#04204c}

h1{font-size:2rem}
h2{font-size:1.75rem}
h3{font-size:1.5rem}

.fs-7{font-size:0.9rem!important}
.fs-8{font-size:0.8rem!important}
.fs-9{font-size:0.7rem!important}

.text-shadow{text-shadow:1px 2px 1px #000}

/* COLORI VARI DEL SITO */

a,a:visited{color:#e62d37;text-decoration:none}
a:hover,a:focus{color:#4f2905;text-decoration:none}

.btn,a.btn,a.btn:visited{font-family:'DM_Sans', sans-serif;font-weight:600;font-size:.95em;letter-spacing:0.05em;padding:.55em 1.625em;text-transform:uppercase;color:#fff;background-color:#04204c;border:1px solid #04204c;display:inline-block;margin:0;line-height:1;vertical-align:middle;cursor:pointer;text-decoration:none;border-radius:0!important;outline:0!important;transition:.5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;}
.btn:hover,.btn:focus,a.btn:hover,a.btn:focus{background-color:#fff;color:#04204c;border:1px solid #04204c}

.text-blue{color:#04204c}
.bg-blue{background-color:#04204c!important}
.text-bg-blue{background-color:#04204c;color:#fff}
.border-blue{border-color:#04204c!important}

.text-red{color:#e62d37}
.bg-red{background-color:#e62d37!important}
.text-bg-red{background-color:#e62d37;color:#fff}
.border-red{border-color:#e62d37!important}

.text-yellow{color:#ffed00}
.bg-yellow{background-color:#ffed00!important}
.text-bg-yellow{background-color:#ffed00;color:#000}
.border-yellow{border-color:#ffed00!important}

/* STRUTTURA GENERALE*/
aside{width:50px;position:fixed;left:0;top:0;text-align:left;padding:12px 0 12px 8px;height:100vh;z-index:10;background-color:#000}
aside:hover{width:175px}
aside+section#component{padding-left:50px}

joomla-alert{box-shadow:var(--bs-box-shadow)!important}

/* NAVIGATION */
#navigation{}

ul.nav > li{width:100%;border-bottom:1px dashed rgba(255,255,255,0.75)}
ul.nav > li.active,ul.nav > li:hover{border-bottom:1px dashed #e62d37}
ul.nav > li > a{display:block;padding:0.625em 0;font-size:1.3em;color:#fff;overflow:hidden}
ul.nav > li > a span{font-size:25px}
ul.nav > li > a:hover,.nav > li > a:focus,.nav > li.active > a{color:#e62d37}

/* PAGINATION */
.page-link{color:#ef6524;box-shadow:none!important}
.page-link:focus,.page-link:hover{color:#4f2905}
.active > .page-link, .page-link.active{background-color:#ef6524;border-color:#4f2905}

/* HTML5 */
article,aside,details,dialog,footer,header,hgroup,nav,section,main{display:block}
figcaption{display:table-caption;caption-side:bottom;}
figure{display:table;}

/* LOGIN E REGISTRATION */
body.com_users{min-height:100svh;background-color:rgba(var(--bs-light-rgb),1)!important;background-image:url(/images/autodromo-aerial-photo.jpg);background-size:cover;background-position:center}

/* FORM */
.control-label{position:relative;margin-bottom:0.15em;}
.form-control:focus,.form-select:focus{border-color:#999;box-shadow:0 0 0 .02rem #04204c}
.form-control-feedback{color:rgb(var(--bs-danger-rgb))!important;position:absolute;right:0}
.controls.has-danger .form-control{border-color:rgb(var(--bs-danger-rgb));}

.com_users .control-group{margin-bottom:1rem}

.js-stools-container-filters{display:flex}
.js-stools-field-filter{margin-right:4px}

/* BADGE */
.badge{font-size:small;font-weight:500;border-radius:var(--bs-border-radius-pill)!important}

/* UTILITIES */
.transition{transition:.5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;}

/*************************************
 *  COOKIES
 *  **********************************/
#cookie-banner{position:fixed;top:15px;left:50%;transform:translateX(-50%);width:90vw;z-index:99999999;}
#cookie-banner .cookie-accept:hover{background-color:#21a902}

/* Bootstrap Breakpoints */
@media (max-width: 1199px) { /* sm, md, lg   */

}

@media (max-width: 991px) { /* sm, md */

}

@media (max-width: 767px) { /* sm */
  
  aside{top:auto;bottom:0;width:100%!important;height:60px!important;padding:0!important;}
  aside+section#component{padding-left:0!important;padding-bottom:80px!important}
  #navigation > ul{display:flex}
  #navigation > ul > li{width:25%;text-align:center}
  #navigation > ul > li a .nav-item-title{display:block;font-size:10px}
  
  h1{font-size:1.5rem}
  
  #cookie-banner{width:90%}
  #system-message{width:100%;}
  
  /*
	#navigation{background-color:#000;height:100vh;width:0;position:fixed;z-index:999999;top:0;right:0;margin:0!important;padding:0!important;overflow-x:hidden;}
	#navigation ul{padding-right:15px}
	#navigation ul li{display:block;width:100%;padding:0.25em 0;}
	#navigation ul li a{color:#fff;border-bottom:1px solid #666;white-space:nowrap;text-align:right;padding:0.2em 0}
  */
  .layout-edit .col-12 .position-absolute.translate-middle-y{position:initial!important;width:100%!important;transform:none!important;text-align: center}
}

@media (max-width: 575px) { /* No infix */

}

@media print {
  *{text-shadow:none!important;box-shadow:none!important}
  aside,#sub-header,.single-action-column,#top-header a.btn{display:none!important}
  
}