@charset "utf-8";
@import url("https://use.typekit.net/soe0rje.css");

/* colori */
:root { --blu:#1a2443; --rosso:#c6213f; --nero:#0a0a0a; --bianco:#FFF; --grigioChiaro:#d3d3d3; --grigio:#414141; }

*{ font-family:"semplicitapro", sans-serif; font-style:normal; font-weight:400; }
body{ background-color:var(--bianco); }

.t1{ font-size:48px; font-weight:bold; color:var(--rosso); margin:32px 0; text-align:center; }

.sticky{ position:relative; }
.headerSwitcher{ position:relative; }
.headerSwitcher .banner{ display:block; width:100%; max-width:100%;height:auto; transition:all 250ms ease-out;  }
.headerSwitcher .topBar{ padding:14px 8px 4px 8px; background-color:var(--bianco); position:absolute; top:0; left:0; width:100%; transition:all 250ms ease-out;  }
.headerSwitcher .topBar img{ height:100px; }

.sticky.is-anchored .headerSwitcher{ height:inherit; }
.sticky.is-anchored .topBar{ opacity:0; visibility:hidden; pointer-events:none; }
.sticky.is-anchored .banner{ opacity:1; visibility:visible; }

/* STATO STICKY */
.sticky.is-stuck .headerSwitcher{ height:118px; }
.sticky.is-stuck .topBar{ opacity:1; visibility:visible; pointer-events:auto; }
.sticky.is-stuck .banner{ opacity:0; visibility:hidden; pointer-events:none; }


/* Navigation Bar */
.navigationBar { background-color:var(--blu); padding:6px; min-height:42px; }
.navigationBar .homeLink .icoHome{ width:32px; height:32px; display:block; background-color:var(--bianco); -webkit-mask: url('/poster/assets/images/icoHome.png') center / contain no-repeat; mask:url('/poster/assets/images/icoHome.png') center / contain no-repeat; transition: background-color 250ms ease-out; }
.navigationBar .homeLink:hover .icoHome{ background-color:var(--rosso); }
.navigationBar .searchContainer{ padding-top:4px; text-align:right; }
.navigationBar .searchContainer > div{ display:inline-block; width:250px; padding:0 4px 0 0; border-radius:8px; background-color:var(--bianco); }
.navigationBar .searchContainer > div input[type="text"]{ display:inline; height:24px; width:218px; padding:0 4px; margin:0; border:none; box-shadow:none; font-size:14px; }
.navigationBar .searchContainer > div img{ width:20px; margin-top:-4px; }

/* Home */
.b_topicArea{ border:1px solid var(--blu); border-radius:30px; margin-bottom:50px; }
.b_topicArea .topicArea{ font-size:24px; line-height:30px; font-weight:bold; text-transform:uppercase; color:var(--blu); text-align:center; background-color:var(--grigioChiaro); border-radius:28px 28px 0 0; padding:4px 0; }
.b_topicArea .topics{ display:flex; justify-content:space-evenly; padding:30px 60px; gap:90px }
.b_topicArea .topics .item { text-align:center; flex:1; cursor:pointer; }
.b_topicArea .topics .item a img{ width:48px; margin-bottom:4px; transition:all 250ms ease-out; }
.b_topicArea .topics .item a:hover img{ filter:drop-shadow(0 0 6px rgba(198, 33, 63, 0.8)) drop-shadow(0 0 16px rgba(198, 33, 63, 0.5)) drop-shadow(0 0 30px rgba(198, 33, 63, 0.3)) drop-shadow(0 0 45px rgba(198, 33, 63, 0.15)); transform: scale(1.04); }
.b_topicArea .topics .item a .name{ font-size:16px; line-height:20px; font-weight:bold; text-transform:uppercase; color:var(--blu); transition:all 250ms ease-out; }
.b_topicArea .topics .item a:hover .name{ color:var(--rosso); }

/* Lista Poster */
.topicAreaTitle{ font-size:24px; line-height:30px; font-weight:bold; text-transform:uppercase; color:var(--blu); text-align:center; background-color:var(--grigioChiaro); padding:4px 0; }
.topicTitle{ font-size:26px; line-height:32px; font-weight:bold; text-transform:uppercase; color:var(--rosso); text-align:center; padding:4px 0; margin-bottom:50px; }

.poster{ display:flex; align-items:flex-start; padding-bottom:8px; margin-bottom:24px; border-bottom:2px solid var(--rosso); }
.poster .number{ font-size:24px; line-height:42px; width:80px; min-width:80px; margin-right:15px; text-align:center; font-weight:bold; color:var(--bianco); background-color:var(--rosso); }
.poster .pTitle{ font-size:16px; line-height:20px; font-weight:bold; color:var(--blu); text-decoration:underline; transition:all 250ms ease-out; }
.poster .pTitle:hover{ color:var(--rosso); }
.poster .pAutors{ font-size:14px; line-height:18px; }

/* Footer */
section.footer{ background-color:var(--grigioChiaro); color:var(--grigio); margin-top:32px; padding:32px 0; font-size:11px; }