.cccal-wrap{font-size:13px}.cccal-controls{display:grid;grid-template-columns:1fr 230px auto;gap:10px;align-items:end;margin-bottom:16px;padding:13px;background:#f7f8f8;border:1px solid #e3e5e6;border-radius:10px}.cccal-controls label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#777;font-weight:800;margin-bottom:5px}.cccal-controls input,.cccal-controls select{width:100%;height:40px;border:1px solid #d8dcde;border-radius:6px;padding:0 10px;background:#fff}.cccal-controls button{height:40px;border:0;border-radius:6px;background:#111;color:#fff;font-weight:800;padding:0 18px;cursor:pointer}.cccal-headline{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;background:#111;color:#fff;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.cccal-headline span{color:#c9c9c9}.cccal-table{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.cccal-row{display:grid;grid-template-columns:135px minmax(250px,1fr) 190px 220px;min-height:34px;align-items:center;border-top:1px solid #e8e8e8}.cccal-row:nth-child(odd):not(.cccal-header){background:#fbfbfb}.cccal-row>div{padding:7px 10px;border-right:1px solid #eee}.cccal-row>div:last-child{border-right:0}.cccal-header{min-height:32px;background:#f1f2f2;font-size:10px;font-weight:800;text-transform:uppercase;color:#4c5055}.cccal-date{white-space:nowrap}.cccal-date strong{font-size:12px;margin-right:8px}.cccal-date span{font-size:11px;color:#74787c}.cccal-event a{font-weight:700;color:#079447}.cccal-event a:hover{text-decoration:underline}.cccal-dist,.cccal-location{font-size:11px;color:#363a3d}.cccal-empty{padding:30px;text-align:center;background:#f7f7f7;border:1px solid #e5e5e5;color:#666}
@media(max-width:780px){.cccal-controls{grid-template-columns:1fr 1fr}.cccal-controls button{grid-column:1/-1}.cccal-header{display:none}.cccal-table{border-top:1px solid #ddd}.cccal-row{grid-template-columns:82px 1fr;min-height:auto;padding:9px 0}.cccal-row>div{border-right:0;padding:3px 9px}.cccal-date{grid-row:1/4}.cccal-event{grid-column:2}.cccal-dist,.cccal-location{grid-column:2}.cccal-location{color:#777}.cccal-date strong,.cccal-date span{display:block;margin:0}.cccal-date strong{font-size:14px}.cccal-event a{font-size:12px}}
@media(max-width:480px){.cccal-controls{grid-template-columns:1fr}.cccal-controls button{grid-column:auto}.cccal-headline{font-size:10px}}