/* AUTACADEMY CSS - settembre 2023 */


/* ======================= CSS variables & default style ====  */

/*colors*/
html {
    --aut-text: #111;
    --aut-color: #1690CE;
    --aut-color2: #2B9D4B;
}

/* typography */
body {background:#fff; color:var(--aut-text); ;}
h3,h4,h5 {}
a {color:var(--aut-color);}
a:hover {opacity:.9;}
p {line-height:160%;}

hr {color:#999; border-width: 2px;}
.btn {}
.btn:hover {opacity:.8;}

/* ====================== Struttura ed elementi comuni ============= */

/* ===== (1) HEADER ===== */
.topbar {background:#fff;}
    .logo {width:150px;}
    .social a {color:#000;}
    .social i {font-size: 1.6rem;}
.hero {background:#ff0046;}
.claim h1 {color:#fff; font-size:4em; margin-top:20px; margin-bottom:20px;}
.claim h2 {color:#fff;}
.claim strong {color:#000;}
.claim .btn {color:#fff; font-weight:bold; letter-spacing: 1px;}
.claim a {color:#000;}

/* ===== (2) EVENTO ===== */
.info {background:#efefef; padding:20px; border:3px solid #666; border-top-left-radius: 25px;}
.info em {text-transform: uppercase; font-weight:bold; display: block;}

dl.programma dd {margin-left:10px;}

/* ===== (3) ABOUT ===== */
.about {background:#eee; }
.item .icon {width:160px; margin-right:30px;}
.item .icon img {max-width:100%;}
.link {color:#999;}


/* ===== (4) FOOTER ===== */

footer {color:#bcbcbc; padding:1rem; font-size:14px;}
footer a {color:#bcbcbc; text-decoration: none;}


/* ====================== Responsive (Media query) ============= */


/* Small devices ONLY */
@media (max-width: 767.99px ) { 
    .claim h1 {color:#fff; font-size:2.6rem;}
    .info {margin-top:20px;}
    .item .icon {margin-bottom:20px;} 
    .item .link {margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #ccc;}
}

/* Medium devices ONLY */
@media (min-width: 768px) and (max-width: 991.99px) {  

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }