/* RESET */
dl, ol, ul {margin: 0;}
*:focus {outline: none!important;}

/* BOOTSTRAP e STRUTTURA */
body {font-family: 'DM Sans', sans-serif; font-size:17px; font-weight:400; background:#fff; color:#000; line-height:100%;}
@media (max-width: 991px) {body {font-size:16px;}}
@media (max-width: 767px) {body {font-size:15px;}}
#page-container {max-width:1920px; background:#fff; width:100%; margin:0 auto; position:relative;}
.container {width:100%!important; max-width:1920px!important;} 
@media (max-width: 767px) {.container {width:100%!important;}}
.clearfix {display:block;} 
.clearfix:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;}

/* Typography */
.font-variant, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'G2 TGR', serif;}
a, a:hover {color:#000; text-decoration:none;}
.underline {text-decoration:underline!important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight:500; margin-bottom:0; line-height:110%; padding:0;}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1:hover a, h2:hover a, h3:hover a, h4:hover a, h5:hover a, h6:hover a {color:#000;}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white h1 a, .text-white h2 a, .text-white h3 a, .text-white h4 a, .text-white h5 a, .text-white h6 a, .text-white h1:hover a, .text-white h2:hover a, .text-white h3:hover a, .text-white h4:hover a, .text-white h5:hover a, .text-white h6:hover a {color:#fff;}

.h1 {font-size:3.64em!important; /* 62px */}
.h2 {font-size:2.58em!important; /* 44px */} 
.h3 {font-size:2.4em!important; /* 44px */}
.h4 {font-size:1.8em!important; /* 31px */}
.h5 {font-size:1.3em!important; /* 22px */}
.h6 {font-size:1em!important; /* 17px */}
@media (max-width: 992px) {
.h1 {font-size:2.58em!important; /* 44px */}
.h2 {font-size:1.8em!important; /* 31px */} 
.h3 {font-size:1.6em!important; /* 26px */}
.h4 {font-size:1.3em!important; /* 22px */}
.h5 {font-size:1.3em!important; /* 22px */}
.h6 {font-size:1em!important; /* 17px */}
}
@media (max-width: 575px) {
    .h1 {font-size:1.8em!important; /* 31px */}
    .h2 {font-size:1.55em!important; /* 26px */}
    .h3 {font-size:1.3em!important; /* 22px */}
}
.text-extralarge {font-size:3.64em!important; /* 62px */}
.text-large {font-size:2.58em!important; /* 44px */} 
.text-medium {font-size:1.8em!important; /* 31px */}
.text-normal {font-size:1em!important; /* 17px */} 
.text-small {font-size:0.8em!important;/* 15px */} 
.text-extrasmall {font-size:0.7em!important; /* 13px */}
p {margin-bottom: 0;}
.line-height-large  {line-height:160%;}
.line-height-medium  {line-height:140%;}
.line-height-normal  {line-height:110%;}
.line-height-small  {line-height:110%;}
.uppercase {text-transform:uppercase;}
.font-weight-normal {font-weight:400;}
.font-weight-medium {font-weight:500;}
.strong, strong  {font-weight:700!important;}

.black, .black a, a.black {color:#000!important;} 
.text-dark, .text-dark a, .text-dark a:hover {color:#000!important;}
.text-grey, .text-grey a, .text-grey a:hover {color:rgba(0,0,0,0.5);}
.text-light-grey, .text-light-grey a, .text-light-grey a:hover {color:rgba(0,0,0,0.25);}
.white, .white a, a.white, .text-white, .text-white a, .text-white a:hover {color:#fff!important;}
.bg-white {background-color:#fff!important;}
.bg-black {background-color:#000!important;}

/* Header */
#header {position:relative;padding:0; margin:0;line-height:100%;}
/* footer */
#footer {padding:0;}
/* bread */
.breadcrumb {padding: 0;margin: 0px; border-radius: 0;text-align: left;display: block; background:none; line-height:100%;}
.breadcrumb-item {font-size:1em; display: inline-block;  line-height:100%;}
.breadcrumb-item, .breadcrumb-item.active, .breadcrumb-item a, .breadcrumb-item.active a {color: red; padding:0;}
.breadcrumb-item+.breadcrumb-item { padding-left: 4px;}
.breadcrumb-item+.breadcrumb-item::before {color: red; content: ">"; padding-right:4px;}
/* Template */
.template {position:relative;}
.card {border: none;  border-radius: 0; background:none;}
.card-body {padding:0;}
.card-header {background:none;}
.card-title {margin-bottom: 0;}
.img  {max-width:100%; width:100%;}
.card-img-top {max-width:100%!important; width:auto!important;}
.textarea-content, .card-body, .text  {line-height:140%;}
.textarea-content .text {line-height:160%;}
.textarea-content h2, .textarea-content h3, .textarea-content h4, .textarea-content h5, .textarea-content h6  {margin:0 0 15px 0; padding:0;}
.textarea-content ul  {padding:20px 0 0 0; list-style-type:Disc!important; margin:0; list-style-position:inside;}
.textarea-content ul li  {padding:0 0 10px 0;margin:0;}
/* bottoni */
.btn, .btn:hover  {font-size:1em; line-height:30px; padding:0 15px; font-weight:400; color:#fff; background:#000; border:none; height:auto!important; display:inline-block; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.btn.btn-img {padding-right:55px; background:url("../img/arrow-right-small.svg") rgba(255,255,255,0) no-repeat right 15px center;}

/* Form */
label {font-size:1em; color:#000;}
@media (max-width: 575px) {label {font-size:0.9em;}}
.form-control, select.form-control, .custom-select {height:40px; padding:0 0 0 10px; font-size: 1em; color: #000!important; background:#fff; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.custom-select {background:url("../img/select-arrow.svg") #fff no-repeat right 10px center;}
textarea.form-control {height:140px!important; line-height:110%; padding-top:10px;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000!important;}
::-moz-placeholder { /* Firefox 19+ */ color: #000!important;}
:-ms-input-placeholder { /* IE 10+ */ color: #000!important;}
:-moz-placeholder { /* Firefox 18- */ color: #000!important;}

/* BORDER - MARGIN - PADDING */
hr { margin-top: 5px; margin-bottom: 5px; border-top: 1px solid #000;}
.border {border: 1px solid #000;}
.border-t {border-top: 1px solid #000;}
.border-b {border-bottom: 1px solid #000;}
.border-l {border-left: 1px solid #000;}
.border-r {border-right: 1px solid #000;}
.border-w {border: 1px solid #fff;}
.border-t-w {border-top: 1px solid #fff;}
.border-b-w {border-bottom: 1px solid #fff;}
.border-l-w {border-left: 1px solid #fff;}
.border-r-w {border-right: 1px solid #fff;}

/* UTILITY */
.translate-center  {left: 50%; top: 50%; position:absolute; z-index:300; transform: translate(-50%,-50%);  -ms-transform: translate(-50%, -50%);margin:auto; height:auto; transition: all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.card-shadow { -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);}
.img-radius {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/* RESPONSIVE */
@media (min-width: 1400px) {.hidden-xxl-up {display:none!important;}}
@media (max-width: 1399px) {.hidden-xxl-down {display:none!important;}}
@media (min-width: 1200px) {.hidden-xl-up {display:none!important;}}
@media (max-width: 1199px) {.hidden-xl-down {display:none!important;}}
@media (min-width: 992px) {.hidden-lg-up {display:none!important;}}
@media (max-width: 991px) {.hidden-lg-down {display:none!important;}}
@media (min-width: 768px) {.hidden-md-up {display:none!important;}}
@media (max-width: 767px) {.hidden-md-down {display:none!important;}}
@media (min-width: 576px) {.hidden-sm-up {display:none!important;}}
@media (max-width: 575px) {.hidden-sm-down {display:none!important;}}



/* 2022 */
/* navigazione */
.box-navigation { margin-bottom: 30px; }
.box-navigation .nav li { font-size: 1.2em; padding: 0 0 15px 0; display: block; width: 100%; font-weight: 800; text-transform: uppercase; border-bottom: 1px solid #000; margin-bottom: 15px;}
.box-navigation .nav li.tit { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 4px solid #000; font-size: 28px; line-height: 105%;}
.box-navigation .nav li.select ul li { font-size: 0.9em; padding: 10px 0 0 0; font-weight: 300; }
.box-navigation .nav li ul li { border-bottom: none; margin-bottom: 0px; }

/* Admin */
.nav-pills.nav-tab { border-bottom: 2px solid #000; }
.nav-pills.nav-tab > li { display: inline-flex; }
.nav-pills.nav-tab > li > a { padding: 15px; }
.nav-pills.nav-tab > li.active > a, .nav-pills.nav-tab > li.active > a:focus, .nav-pills.nav-tab > li.active > a:hover { background-color: #000 !important; color: #fff !important; }

/* membership - eventi */
.radio-search-eventi td { padding-right: 10px !important; }
.radio-search-eventi td label { padding-top: 10px !important; padding-left: 10px !important; }